Ext 创建表格代码,JS代码库,德仔网

代码语言

代码分类

【JS】 Ext 创建表格

作者:hangly / 发布于2013/10/24/ 625


	Ext.onReady(function(){
	Ext.QuickTips.init();
	var form = new Ext.form.FormPanel({
	 labelAlign:'right',
	 labelWidth:50,
	 widht:600,
	 title:'form',
	 frame:true,
	 items:[{
	 layout:'column',
	 items:[{
	 columnWidth:.7,
	 xtype:'fieldset',
	 checkboxToggle:true,
	 title:"单纯输入",
	 autoHeight:true,
	 defaults:{width:300},
	 defaultType:'textfield',
	 items:[{
	 fieldLabel:'文本',
	 name:'text'
	 },{
	 xtype:'numberfield',
	 fieldLabel:'数字',
	 name:'number'
	 },{
	 xtype:'combo',
	 fieldLabel:'选择',
	 name:'combo',
	 store:new Ext.data.SimpleStore({
	 fields:['value','text'],
	 data:[
	 ['value1','text1'],
	 ['value2','text2']
	 ]
	 }),
	 displayField:'text',
	 valueField:'value',
	 mode:'local',
	 emptyText:'请选择..'
	 },{
	 xtype:'datefield',
	 fieldLabel:'日期',
	 name:'date'
	 },{
	 xtype:'timefield',
	 fieldLabel:'时间',
	 name:'time'
	 },{
	 xtype:'textarea',
	 fieldLabel:'多行',
	 name:'textarea'
	 },{
	 xtype:'hidden',
	 name:'hidden'
	 }]
	 },{
	 columnWidth:.3,
	 layout:'form',
	 items:[{
	 xtype:'fieldset',
	 checkboxToggle:true,
	 title:'多选',
	 autoHeight:true,
	 defaultType:'checkbox',
	 hideLabels:true,
	 style:'margin-left:10px;',
	 bodyStyle:'margin-left:20px;',
	 items:[{
	 boxLabel:'首先要穿暖',
	 name:'check',
	 value:'1',
	 checked:true,
	 width:'auto'
	 },{
	 boxLabel:'然后要吃饱',
	 name:'check',
	 value:'2',
	 checked:true,
	 width:'auto'
	 },{
	 boxLabel:'房子遮风避雨',
	 name:'check',
	 value:'3',
	 checked:true,
	 width:'auto'
	 },{
	 boxLabel:'行路方便',
	 name:'check',
	 value:'4',
	 checked:true,
	 width:'auto'
	 }]
	 },{
	 xtype:'fieldset',
	 checkboxToggle:true,
	 titel:'单选',
	 autoHeight:true,
	 defaultType:'radio',
	 hideLabels:true,
	 style:'margin-left:10px;',
	 bodyStyle:'margin-left:20px;',
	 items:[{
	 boxLabel:'渴望自由',
	 name:'rad',
	 value:'1',
	 checked:true,
	 width:'auto'
	 },{
	 boxLabel:'祈求爱情',
	 name:'rad',
	 value:'2',
	 width:'auto'
	 }]
	 }]
	 }]
	 },{
	 layout:'form',
	 labelAlign:'top',
	 items:[{
	 xtype:'htmleditor',
	 fieldLabel:'在线编辑器',
	 id:'editor',
	 anchor:'98%'
	 }]
	 }],
	 buttons:[{
	 text:'保存'
	 },{
	 text:'读取'
	 },{
	 text:'取消'
	 }]
	});
	form.render("form");
	});

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　表格　

同语言下

可能有用的

hangly贡献的其它代码(2)