`

Extjs的FieldSet的收缩和展开

 
阅读更多
Extjs的Fieldset控件中有一个属性checkboxToggle,
这个属性在设置为true的时候,fieldset在title就会多出一个checkbox,
当勾选这个checkbox时,这个fieldset就会展开和收缩

此外还有一个属性是collapsible,这个也是用来做展开和收缩的,
与checkboxToggle不一定的时,这个出来的是一个小三角

这两个收缩/展开属性可以同时为true,
当它们同时为true时,checkbox和小三角会同时出现


可能有的人会觉得这两个属性是不是重复了,其实并没有,
这是因为checkboxToggle属性还有两个配合的属性:onCheckClick和checkboxName属性

onCheckClick属性是一个函数,用来替代默认的收缩/展开函数,
外加上checkboxName,可以在onCheckClick函数中知道checkbox的勾选情况,
从而来做一些事情,如:
如果fieldset里面是一个CheckBoxGroup,那么可以根据fieldset的checkBox情况,
来全选checkBoxGroup

分享到:
评论

相关推荐

    Extjs fieldset两行两列布局

    Extjs fieldset两行两列布局

    axure仿extjs左侧收缩菜单

    axure仿extjs左侧收缩菜单

    ExtJS的FieldSet的column列布局

    ExtJS的FieldSet的column列布局,需要的朋友可以参考下。

    Extjs3 自定义类似于Fieldset的组件

    用Ext自定义一个类似于Fieldset的组件,还有数据绑定昂,跟json数据的交互,和后台交互使用了URLLoader,很强大,之前在网上找了很多,没有找到,后来我师傅给我源码,这里跟大家分享一下,有用到的童鞋们可以参考...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    基于ExtJS的工作流设计器,利用了ExtJS的强大组件模型和交互性,为用户提供了一个直观的方式来创建和编辑流程图。这样的设计器通常包括以下关键组成部分: 1. **组件库**:设计师需要一个包含各种工作流元素(如...

    extjs资料extjs资料extjs资料

    在其中,你可以找到ExtJS类库的详细说明,包括各种组件、方法、事件和配置选项,有助于快速查找和理解特定功能。 2. **EXT2.0中文教程.pdf**:这可能是针对ExtJS 2.0版本的教程,适合初学者入门。2.0版本虽然相对较...

    EXTJS应用EXTJS应用EXTJS应用EXTJS应用

    在EXTJS应用中,`Default.aspx`和`Session.aspx`通常是ASP.NET Web应用程序的入口点,它们是ASP.NET页面,用于处理用户请求和展示内容。`Default.aspx`通常作为默认首页,展示网站的欢迎界面或导航结构。而`Session....

    extjs图标大全extjs图标大全extjs图标大全extjs图标大全

    ExtJS是一款强大的JavaScript UI框架,它提供了丰富的组件和工具,帮助开发者构建功能丰富的、响应式的Web应用程序。在这些应用程序中,图标扮演着至关重要的角色,它们可以增强用户界面的视觉吸引力,提升用户体验...

    Extjs配置文件和示例文件

    ExtJS是一款基于JavaScript的富客户端应用开发框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者能够构建出复杂的Web应用程序。本压缩包中的“Extjs配置文件和示例文件”是针对ExtJS进行深入学习和实践的...

    Extjs例子Extjs例子

    Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子

    EXTJS日期扩展年月和年月日时分秒

    只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) EXTJS4.1文件夹下面包括 1.只有年月选择--dateYM.html ...

    extjs4.1 框架和文档

    extjs4.1 框架和文档 从官网下载的extjs-4.1.0-rc1

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容...ExtJS3 升级到 ExtJS4 需要修改大量代码,需要我们重新学习和适应 ExtJS4 的新特性和变化。

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    在这个特定的情况下,我们讨论的是一个定制的下拉树菜单控件——ComboBoxTree,它在ExtJS4中实现了单选和多选功能,并且具备展开选中指定节点的能力。这个控件在实际项目中已经被广泛使用并证明了其稳定性和实用性,...

    ExtJS 7.6 SDK trial

    7.6版本是ExtJS的一个重要更新,带来了诸多新特性、性能优化以及对现代浏览器和设备的更好支持。 SDK(Software Development Kit)是ExtJS 7.6的核心组成部分,它包含了开发、调试和部署ExtJS应用所需的所有资源。...

    Extjs4.1 小例子(适合extjs初学者学习使用)

    对于初学者来说,理解并掌握ExtJS 4.1的基础和特性是非常有益的。 标题中的"Extjs4.1 小例子"意味着这个压缩包包含了一些基础的示例代码,旨在帮助初学者快速入门。通过这些小例子,你可以了解如何使用ExtJS 4.1来...

    包含各种类型的extjs小图标,Extjs4小图标

    在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

Global site tag (gtag.js) - Google Analytics