3.2.8 Ext JS之字段集合(fieldset)

Field Set，字段集合，就是将一组字段放在一个容器中， Ext JS提供的组件类是：Ext.form.FieldSet ，xtype 是fieldset。
fieldset的显示效果如下：

fieldset 里面可以包含多个字段，对里面的字段可以进行布局设置
fieldset 作为一个整体，可以设置收合和展开

代码示例：

 Ext.create('Ext.form.Panel', {title: 'Form',itemId:'myForm',width: 600,height: 600,items:[{xtype:'fieldset',title:'My Field Set(字段集合)',collapsible: true,items:[{xtype:'textfield',fieldLabel:'字段1'}]}],renderTo: Ext.getBody()});

常用配置

title , 配置标题
items , 配置字段集合中的元素列表

收合功能配置， collapsible 或者checkboxToggle

默认是没有收合功能的，可以通过

3.2.8 Ext JS之字段集合(fieldset)相关推荐

小弟的新书《Ext JS权威指南》终于出版了
链接:http://product.china-pub.com/3661375&weibo#ml <ext js权威指南> 前言第1章 ext js 4开发入门 / 1 1.1 ...
《Ext JS权威指南》——1.2节JSON概述
1.2 JSON概述 1.2.1 认识JSON XML虽好,可作为数据交换格式,有时会喧宾夺主,标记比数据还多,徒增流量.更重要的是,在JavaScript中处理XML实在太不便利了.而JSON,没有 ...
【翻译】Ext JS——高效的编码风格指南
原文:ExtJS - Efficient coding style guide 作者:Raja 切勿使用"new"关键字:在Ext JS中,使用"new"关键字 ...
Sencha Cmd创建Ext JS示例项目
Sencha提供了免费的Cmd工具,可以用来创建Ext JS项目并提供了一些便利的功能. Sencha也在官方文档中提供了一个示例来演示如何创建一个Sample Login App. 本文就介绍一下这 ...
Ext.js Tree
今天学习Ext.js 4.2版本的Tree组件,发现一个问题,就是model里面不能写类型,要不然就不发送请求,而且text是必须的字段,区分大小写. 转载于:https://www.cnblogs. ...
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试...
现在可以对登录窗口进行调试了. 打开系统的首页页面文件,Views\Home目录下的Index.cshtml文件.要动态加载登录窗口,需要先设置好加载路径,因而在onReady函数上加入以下代码: E ...
【翻译】了解Ext JS 5的小部件
原文:Understanding Widgets in Ext JS 5 在Ext JS 5,引入了新的"widgetcolumn",支持在网格的单元格中放置组件.同时,还在Ext ...
Ext JS 6学习文档-第3章-基础组件
Ext JS 6学习文档-第3章-基础组件基础组件在本章中,你将学习到一些 Ext JS 基础组件的使用.同时我们会结合所学创建一个小项目.这一章我们将学习以下知识点: 熟悉基本的组件 – 按钮, ...
【翻译】Ext JS最新技巧——2015-8-11
原文:Top Support Tips Seth Lemmons:使用棒极了的Awesome Font Ext JS 6附带了一个新的海卫一主题,可以使用Font Awesome字体作为背景图像的图标 ...

3.2.8 Ext JS之字段集合(fieldset)

常用配置

收合功能配置， collapsible 或者checkboxToggle

3.2.8 Ext JS之字段集合(fieldset)相关推荐

最新文章

热门文章