ExtJs之字段集FieldSet
来源:互联网 发布:win10能用的编程软件 编辑:程序博客网 时间:2024/05/18 06:24
//Ext.form.FieldSet扩展自Ext.container.Container。其优点就是把相同字段集中在一起,在外面字段外面加了个线”围住“他们。
// Ext.QuickTips.init();//使表单结构清晰。
var f_Pannel = Ext.create('Ext.form.Panel', {
title: '字段集实例',
renderTo: Ext.getBody(),
frame: true,
width: 400,
height: 300,
items: [{
xtype: 'fieldset',
title: '产品信息',
defaults: {
labelWidth: 80,
labelAlign: 'left',
width: '300',
},
collapsible: true,
bodyPadding: 5,
defaultType: 'textfield',
items: [
{ fieldLabel: '产地' },
{ fieldLabel: '售价' }
]
},
{
xtype: 'fieldset',//不是字段对象,labelWidth不会起作用,fieldLabel也不会有作用。
title: '产品描述',
checkboxToggle:true,//是否显示字段集的复选框,默认为false
items: [
{
xtype: 'textarea', fieldLabel: '简介', labelWidth: 30,
width: 200,
}//labelWidth必须是放到items中的field(字段)对象中才能使用,因为这些是只有字段对象才拥有的配置项也可以在defaults
]//中定义
}
]
});
// Ext.QuickTips.init();//使表单结构清晰。
var f_Pannel = Ext.create('Ext.form.Panel', {
title: '字段集实例',
renderTo: Ext.getBody(),
frame: true,
width: 400,
height: 300,
items: [{
xtype: 'fieldset',
title: '产品信息',
defaults: {
labelWidth: 80,
labelAlign: 'left',
width: '300',
},
collapsible: true,
bodyPadding: 5,
defaultType: 'textfield',
items: [
{ fieldLabel: '产地' },
{ fieldLabel: '售价' }
]
},
{
xtype: 'fieldset',//不是字段对象,labelWidth不会起作用,fieldLabel也不会有作用。
title: '产品描述',
checkboxToggle:true,//是否显示字段集的复选框,默认为false
items: [
{
xtype: 'textarea', fieldLabel: '简介', labelWidth: 30,
width: 200,
}//labelWidth必须是放到items中的field(字段)对象中才能使用,因为这些是只有字段对象才拥有的配置项也可以在defaults
]//中定义
}
]
});
0 0
- ExtJs之字段集FieldSet
- (16)ExtJS之comboBox本地数据源、Ext.form.Label标签、Ext.form.FieldSet字段集
- ExtJs FieldSet
- extjs fieldset
- Ext.form.FieldSet字段集
- Ext.form.FieldSet字段集
- Ext.form.FieldSet字段集
- Ext_表单字段集_Ext.form.FieldSet
- extjs fieldset 和 radio
- fieldset 多列显示 extjs
- Extjs学习 Ext.form.FieldSet
- ExtJS笔记--Ext.form.FieldSet
- h5标签之fieldset
- fieldset
- ExtJs 关于Tabpanel与fieldset切换时 fieldset在其他tab面板无法显示
- extjs-布局 (在column布局中使用fieldset 和 在fieldset中使用column布局)
- extjs-布局 (在column布局中使用fieldset 和 在fieldset中使用column布局)
- Extjs中FieldSet的收缩和展开实例
- 递归树证明(4.1)
- TCP/IP详解之链路层
- PHP基本语法、变量、数据类型、运算符
- Codeforces Round #228 Div1 B Fox and Minimal path
- 鼠标右键新增cmd快速进入的功能
- ExtJs之字段集FieldSet
- C++之传值调用和引用调用
- galaxy
- RequestURL|RequestURI|ContextPath|ServletPath|PathInfo
- 线段树单点跟新——POJ 2886
- SICP相关笔记
- CSS选择器
- xp下硬盘安装Ubuntu Kylin 14.04
- Ubuntu14.04下源码安装tcpdump