(1)首先获取checkbox的列表:
getBusinessStore: function(){
var store = new Ext.data.JsonStore({
proxy: new Ext.data.HttpProxy({url: 'source.do?m=getBusinessList'}),
root : "businessList",
autoLoad : false,
fields : ['value', 'text'],
totalProperty : "totalRows"
});
store.load();
return store;
}
(2)是store on load之后拼接panel中的items中的checkbox:
var businesses="[";
var count = businessStore.getCount();
for(var i=0; i<count; i++){
businesses += "{boxLabel: '" +businessStore.getAt(i).get('text')+ "', inputValue: '"+i+"', id: '"+businessStore.getAt(i).get('value')+"'}";
if(i < count-1){
businesses = businesses + ",";
}
}
businesses +="]";
businesses = Ext.decode(businesses);
var businessPanel = new Ext.FormPanel({
border: false,
layout: 'form',
bodyStyle: 'padding-right:5px;padding-left:5px; padding-top:5px;',
defaultType: 'checkbox',
items: [{
xtype: 'fieldset',
title: '业务列表',
defaultType: 'checkbox',
items: businesses
}]
});
分享到:
相关推荐
总结起来,`Ext JS`的`checkBoxGroup`组件是构建多选功能的强大工具,通过设置`items`属性定义复选框,使用`getValue()`获取用户选择,并通过`change`事件实时监控选中状态的变化。在Web应用开发中,熟练掌握这些...
在描述中提到的"动态下拉框"(Dropdown)和"checkbox",是指在Ext JS中实现的一种具有选择功能的下拉列表,用户可以选择多个选项,每个选项前都有一个复选框。这种组件通常被称为Checkbox Combo或Checkbox Select。 ...
总结起来,EXT.NET TreePanel的Checkbox操作和父子节点联动是构建具有交互性树形结构的关键部分。通过正确的配置和事件处理,我们可以实现高效且用户友好的多选功能,而修正之前的Bug则确保了用户体验的一致性和正确...
总之,“磁盘目录树(EXT-js)”是一个利用EXT-js的强大功能来呈现和操作文件系统目录的应用,它结合了异步加载、CheckBox选择、事件驱动和拖放操作等特性,为用户提供了一个直观、易用的Web界面。通过深入学习EXT-...
多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...
35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...
EXT Tree提供了丰富的功能,包括节点的动态加载、拖放操作、节点选择以及自定义图标和样式。 在EXT Tree的使用实例中,我们通常会涉及到以下几个关键知识点: 1. **配置项与属性**:EXT Tree允许通过配置项定制其...
通过学习这些官方实例,你可以深入了解EXT JS的工作原理,掌握如何利用EXT JS的强大功能构建动态、美观的Web应用程序。同时,EXT JS的文档和社区资源丰富,可以帮助你解决在开发过程中遇到的问题。无论是新手还是有...
本文介绍了Ext2.0框架中Grid控件的基本使用方法,包括如何定义ColumnModel、创建Store以及如何在Grid中添加CheckBox。通过这些基本的操作,我们可以构建出功能丰富且交互性强的数据展示界面。Ext2.0的强大之处在于它...
EXT 的 Store 支持 JSONP 或 AJAX 调用来获取数据,然后动态生成多选框。 通过以上这些知识点,开发者可以灵活地在 EXT 应用中实现多选功能,提供用户友好的交互体验。配合其他 EXT 组件,如表格、表格列的编辑等,...
小夜曲:根据name获得value 2.10.1.4. 奏鸣曲:自定义编辑器 2.10.2. 分组表格,嘻嘻,这是交叉报表吗? 2.11. 午夜怪谈,论可以改变大小,可以拖拽的表格 2.11.1. 先看看怎么拖拽改变表格的大小 2.11.2. 再看怎么...
ui.checkbox = new Ext.form.Checkbox({ renderTo: ui.textEl, listeners: { checkchange: function(box, checked) { n.getOwnerTree().checkNode(n, checked, false); } } }); return ui; } }) } }); ...
一、Store:在Ext 3.0中,Store是数据管理的核心。它负责存储和管理数据,与各种UI组件(如Grids和Trees)进行交互。Store可以连接到不同的数据源,如JSON、XML或CSV,并提供数据加载、过滤、排序和分页功能。通过...
- **Form Components**: 用于构建表单的组件,如`Ext.FormPanel`,`Ext.form.Checkbox`,`Ext.form.TextField`等。 - **Chart Components**: 提供了各种图表组件,如`Ext.chart.Chart`,`Ext.chart.BarChart`,`Ext....
var ds = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: new Ext.data.ArrayReader({}, [ {name: 'id', mapping: 0}, {name: 'sex', mapping: 1}, {name: 'name', mapping: 2}, {name...
6. **数据加载与渲染**:EXT JS的Tree组件通常与后端服务进行交互,通过`store`加载树数据。在`TreeCheckNode.js`中,我们可能会看到如何定义`store`以及如何将JSON数据转化为Tree节点的数据模型。 综上所述,"Ext ...
4. **存储(Store)**:尽管登录通常不涉及本地存储,但在EXTJS中,`Ext.data.Store` 可用于管理数据源,如果需要处理登录历史或缓存登录状态,可以考虑使用。 5. **代理(Proxy)**:登录请求需要发送到服务器进行...
在这个主题中,我们将深入探讨"Ext 可编辑表格",包括如何在表格中集成combo(组合框)、textfield(文本字段)和datafield(数据字段),以及使用checkbox(复选框)的功能。 首先,Ext的可编辑表格通常指的是`Ext...
本文将深入探讨Ext2.0框架下Grid的使用方法,涵盖其基本配置、数据绑定以及高级特性如CheckBox的集成,旨在帮助开发者快速掌握并高效利用这一工具。 #### Grid组件概述 Grid组件在Ext2.0框架中主要用于展示表格...
selectedData.push(list.store.getAt(index).data); } }); return selectedData; } ``` 这个函数会返回一个包含所有选中项数据的数组,这些数据可以进一步用于提交表单或者执行其他操作。 在实际项目中,你...