浏览 4641 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2011-01-09
sencha-touch代码设计很像Extjs。
Ext.form.FormPanel在google浏览器的效果图：
form代码：
Ext.setup({
icon: '../icon.png',
tabletStartupScreen: '../tablet_startup.png',
phoneStartupScreen: '../phone_startup.png',
glossOnIcon: false,
onReady: function() {
var formBase = {
scroll: 'vertical',
items: [
{
xtype: 'textfield',
name : 'name',
label: '姓名',
useClearIcon: true
},
{
xtype: 'textfield',
name : 'idCard',
label: '身份证',
useClearIcon: true
},
{
xtype: 'numberfield',
name : 'age',
label: '年龄',
useClearIcon: true
},
{
xtype: 'emailfield',
name : 'email',
label: 'Email',
placeHolder: 'my@example.com',
useClearIcon: true
},
{
xtype: 'urlfield',
name : 'url',
label: '博客',
useClearIcon: true
},
{
xtype: 'textareafield',
name : 'remark',
label: '说明'
}
],
dockedItems : [
{
xtype: 'toolbar',
dock: 'bottom',
items: [
{xtype: 'spacer'},
{
text: '取消',
handler: function() {
form.reset();
}
},
{
text: '保存',
ui: 'confirm',
handler: function() {
if(formBase.user){
form.updateRecord(formBase.user, true);
}
form.submit({
waitMsg : {message:'Submitting', cls : 'demos-loading'}
});
}
}
]
}
]
};
if (Ext.is.Phone) {
formBase.fullscreen = true;
} else {
Ext.apply(formBase, {
autoRender: true,
floating: true,
modal: true,
centered: true,
hideOnMaskTap: false,
height: 435,
width: 480
});
}
var form = new Ext.form.FormPanel(formBase);
form.show();
}
});
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2011-01-12
现在正在开这个呢。
望楼主发点有深度的东西上来看看 |
| 返回顶楼 | |
|
发表时间：2011-02-10
没用过来看看
|
| 返回顶楼 | |
|
发表时间：2011-07-05
目前正在学习这个东西，但目前资料太少，楼主能不能多共享一些sencha touch的资料 谢谢
|
| 返回顶楼 | |
|
发表时间：2011-07-18
最近实习在学习这个，希望lz能够继续开发出一些有意思的demo，一起分享，哈哈~
|
| 返回顶楼 | |
