开发者博客：www.developsearch.com
Ext.form.FieldSet 扩展自Ext.container.Container组件，是一个标准的字段容器，默认布局为‘anchor’ ，也可以指定为其他布局。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>字段集</title>
<link rel="stylesheet" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.create('Ext.form.Panel',
{
title:'Ext.form.FieldSet示例',
labelWidth:40,
width:200,
frame:true,
renderTo:Ext.getBody(),
bodyPadding:5,
items:[{
title:'产品信息',
xtype:'fieldset',
collapsible:true,//显示切换展开收缩状态的切换按钮 collapsible用来设置字段集是否可以折叠
bodyPadding:5,
defaults:{
labelSeparator:':',
labelWidth:50,
width:160
},
defaultType:'textfield',
items:[{
fieldLabel:'产地'
},
{
fieldLabel:'售价'
}]
},
{
title:'产品描述',
xtype:'fieldset',
bodyPadding:5,
checkboxToggle:true,//显示切换展开收缩状态的复选框
//（ checkboxToggle 设置是否显示字段集的checkbox选择框，可以实现隐藏或显示字段集的功能）
checkboxName:'description', //提交数据时复选框对应的name
labelSeparator:':',
items:[{
fieldLabel:'简介',
labelSeparator:':',
labelWidth:50,
width:160,
xtype:'textarea'
}]
}
]
}
);
});
</script>
</head>
<body>
</body>
</html>
开发者博客：www.developsearch.com
相关推荐
...
...
Ex4.0共2个压缩包特性，《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...
4.1.19 Ext.form.FieldSet字段集 4.1.20 Ext.form.FieldContainer容器字段 4.1.21 Ext.form.field.File文件上传字段 4.2 实现表单验证 4.2.1 常见的验证类型 4.2.2 表单验证（VType） 4.2.3 自定义VType验证 ...
复制代码代码如下: .ext-el-mask-msg div { font-size: 12px; } .loading-indicator { font-size: 12px; } .x-tab-strip span.x-tab-strip-text { font-size: 12px; } .x-form-invalid-msg { font-size: 12px; } .x-...
4.1. 不用ext的form啊，不怕错过有趣的东西吗？ 4.2. 慢慢来，先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒，从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...
4.1. 不用ext的form啊，不怕错过有趣的东西吗？ 4.2. 慢慢来，先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒，从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 ...
4.1. 不用ext的form啊，不怕错过有趣的东西吗？ 4.2. 慢慢来，先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒，从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...
Default Value: "a=href,area=href,frame=src,form=,fieldset=" ; Development Value: "a=href,area=href,frame=src,input=src,form=fakeentry" ; Production Value: "a=href,area=href,frame=src,input=src,form=...
以下是自己扩展的FieldSet： 代码如下: ME.Base.FieldSet = Ext.extend(Ext.form.FieldSet, { layout: ‘column’, fieldSetItems: [], autoScroll:false, defaults: { layout: ‘form’, labelAlign: ‘right’, ...
字段多选 执照：麻省理工学院 Sencha Touch 2.1 / 2.2 / 2.3的多选... create ( 'Ext.form.Panel' , { fullscreen : true , items : [ { xtype : 'fieldset' , title : 'Select' , items : [ { xtype : 'mult
Ext.form.Field.prototype.msgTarget="under"; var fset = new Ext.FormPanel({ title:"学习表单字段元素的字段集", width:600, height:400, frame:true, renderTo:"myForm", items:[ {xtype:"fieldset", ...
所以它有着panel的属性 要创建一个表单面板其实很简单 var MyformPanel=new Ext.form.formpanel(); 表单面板和面板一样只是作为一个容器出现的，需要我们使用items加入各控件元素来丰富我们的表单面板， defaults:{}...
form id=”form1″ runat=”server”> ”center”> <fieldset xss=removed> ”3″ cellspacing=”3″ border=”0″> <tr> <td> ”lblName” Text=”姓名: runat=”server”></asp> </td> <td> <asp:TextBox
form id=”form1″ runat=”server”> ”center”> <fieldset xss=removed> <p> 选择颜色：</p> ”ddlColor” runat=”server”> ”— Value=””></asp> ”红色” Value=”1″></asp> <asp:ListItem Text=”
form id=”form1″ runat=”server”> ”center”> <fieldset xss=removed> 请输入你的评论：</p> ”txtComment” TextMode=”MultiLine” Rows=”5″ Width=”300px” Height=”200px” runat=”server”></...