sencha table

开始学的sencha的第一个例子。

在iOS中其实就是一个简单的tableview自定义一下cell，在sencha中也是一样，只是方式有一些差别而已，

Ext.define('senchaTest.view.Profiles', {
extend: 'Ext.List',
xtype: 'Profiles',
config: {
title: 'Profile Name',
ui: 'round',
// grouped: true,
margin : '10 15 10 15',
cls : 'list2',
// itemHeight: 150,
itemCls : 'list2_item',
itemTpl: ['<div id="Design"><h1 style="font-weight:bold;"><span style="float:left;">Customer Name</span><span style="margin-left:30px;">Current</span></h1></div>',
'<p style="margin:-10px 10px 0 0 ; float:right"><button class="mylistdeleteButton">delete</button></p>',
'<p><img width="17" height="26" src="resources/icons/icon_phone.png" align="absmiddle" /><span style="color:#999; margin-left:5px">{phoneNum}</span><span style="color:blue;margin-left:20px;">{current}</span></p>',
'<p style="margin:-10px 10px 0 0; float:right"><button class="mylisteditButton">edit</button></p>',
'<p style="color: #999"><img width="23" height="18" src="resources/icons/icon_email.png" align="absmiddle" /><span style="color:#999; margin-left:5px">{email}</span></p>'],
style: {
'border-radius': '10px'
},

store: 'Profile'
}
});

list 是sencha的常用控件，itemTpl就是cell，数据要用到sencha中的module及store，用来储存数据，很简单，其他主要是一些css的应用象itemCls／cls。

其实感觉和ios中控件用起来差不多。

sencha table相关推荐

【翻译】在Sencha Touch中创建离线/在线代理
原文:Creating an Online/Offline proxy in Sencha Touch 概述在Sencha Touch中,一个常见的需求就是,当设备在没有连接互联网的时候,应用程序必 ...
Sencha touch 开发指南
Sencha touch 开发指南本文主要介绍如何使用Sencha Touch为手持设备进行应用开发,主要是针对iPhone这样的高端手机,我们会通过一个详细的例子来介绍整个开发的流程. Sench ...
HTML5开发移动web应用——Sencha Touch篇(5)
这次主要介绍Sencha Touch中的XTemplate组件,利用该组件可以方便的构造html代码,很实用.为了减少不必要的说解,让内容更加简洁清晰,这里直接给出对应代码和代码的相应注释,只要有Ja ...
touch服务器端文件,Sencha touch 2 入门 -------- DataView 显示服务器端JSON文件数据...
今天学习了下DataView如何显示JSON文件数据,废话不多说,直接贴代码: 首先看下文件目录: 然后看下我们要处理的JSON文件,bookInfo.json. { "success&qu ...
推荐一本不错的书《Sencha Ext JS 5 Bootcamp in a Book》
原文:https://www.createspace.com/5425618 看了一下该书目录,感觉不错,Ext JS 5的重点内容都提及了,确实是一本学习Ext JS 5的好书,唯一遗憾的地方就是太 ...
IDEA中根据数据库自动生成实体类，并自定义所生成的实体类中的注解 @Table @Id @...
使用IDEA项目添加Hibernate扩展,生成实体类并配置实体类中的注解一.使用Hibernate自动生成实体类 1.在项目上右键,选择Add Framework Support找到 Hibern ...
2021年大数据Flink（三十九）：Table与SQL 总结 Flink-SQL常用算子
目录总结 Flink-SQL常用算子 SELECT WHERE DISTINCT GROUP BY UNION 和 UNION ALL JOI ...
2021年大数据Flink（三十八）：Table与SQL 案例五 FlinkSQL整合Hive
目录案例五 FlinkSQL整合Hive 介绍集成Hive的基本方式准备工作 1.添加hadoop_classpath 2.下载jar并上传至flink/lib目录 3.修改hive配置 4.启 ...
2021年大数据Flink（三十七）：Table与SQL 案例四
目录案例四需求代码实现案例四需求从Kafka中消费数据并过滤出状态为success的数据再写入到Kafka {"user_id": "1", &qu ...

sencha table

sencha table相关推荐

最新文章

热门文章