ext有Ext.grid.CheckboxSelectionModel() 可是却少了个disabled的属性 找了很多地方没找到合适的方法去解决 ,直接用checkbox代替
columns:[
{//列表 header 头信息 new Ext.grid.RowNumberer(),
header: '<input type="checkbox" onclick="selectAll(this)" name="selectAll" id="selectAll" style="width:13px; height:13px;"/>',
dataIndex: 'check',
width:30,
sortable: false,
renderer:function(v, cellmeta, record){
return record.get('Addr')!=''?'<input type="checkbox" onclick="selectSingle(this)" name="each" rel="each" style="width:13px; height:13px;"/>':'<input type="checkbox" disabled= "disabled" rel="each" style="width:13px; height:13px;"/> ';
}
}
]
selectAll = function(self){
var checkEl = Ext.get('wrap').query("[rel='each']");
for(var i = 0,j = checkEl.length; i < j;i++){
if(checkEl[i].name == 'each'){
checkEl[i].checked = self.checked;
Ext.getCmp('invoice-Enroll').store.getAt(i).data.check = self.checked ? 1 : 0;
}
}
}
分享到:
相关推荐
2. `checkbox`:`Ext.form.Checkbox`是用于创建复选框的组件,用户可以选择或取消选择多个选项。 3. `combo`:`Ext.form.ComboBox`是下拉列表框组件,允许用户在预设的选项中进行选择,同时可以提供搜索功能以便...
**2.5 Editor Grid Panel (Ext.grid.EditorGridPanel)** - **xtype**: `editorgrid` - **功能描述**:Editor Grid Panel 是一个支持行级编辑的网格面板。 - **主要用途**:适合于需要对表格中的数据进行编辑的场景...
45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...
extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径...支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail.com
var sm = new Ext.grid.CheckboxSelectionModel(); ``` 2. **整合到ColumnModel**:将CheckBoxSelectionModel添加至ColumnModel中: ```javascript var cm = new Ext.grid.ColumnModel([ new Ext.grid....
在IT行业中,实现一个带有复选框(Checkbox)的树形结构是常见的需求,尤其是在构建用户界面或数据管理应用时。这个"checkbox_tree.zip_tree"的项目似乎专注于使用ExtJS库来创建这样的功能。ExtJS是一个强大的...
45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...
var sm = new Ext.grid.CheckboxSelectionModel(); // 更新ColumnModel var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), // 自动行号 sm, // 添加CheckBox选择模型 { header: '编号', ...
var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {header: '编号', dataIndex: 'id'}, {header: '性别', dataIndex: 'sex'}, {...
总结来说,“CheckBox的优化.rar”项目提供了如何使用前端技术优化Checkbox的实例。它不仅展示了如何利用CSS进行界面美化,还展示了JavaScript如何增强Checkbox的交互性。对于想要提升网页交互体验的开发者而言,这...
all = $(this).find(":checkbox").not("[name='sales_group_id'],:disabled") , allChecked = $(this).find(":checked").not("[name='all-checked']") , thisAllCheckBtn = $(this).find(".all-checked ...
var sm = new Ext.grid.CheckboxSelectionModel(); // 定义 ColumnModel var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), // 自动行号 sm, // 添加 CheckBox {header: '编号', dataIndex: 'id...
Checkbox全选反选.html
2. **`checkbox`:** 多选框组件,通过`Ext.form.Checkbox`类实现。 3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,...
EXT TREE扩展CHECKBOX JS是一种在EXT JS框架下对树形组件(Tree Panel)进行增强,实现复选框功能的技术。EXT JS是一个强大的JavaScript GUI库,它提供了丰富的组件和功能,用于构建复杂的Web应用程序。在EXT JS中,...
- `Ext.String.format()`: 使用占位符替换字符串中的值。 - `Ext.String.trim(string)`: 删除字符串两端的空白字符。 #### 5. Date 类 (P.5) - **概述**:提供了日期和时间相关的操作方法。 - **常用方法**: - ...
在本示例中,我们关注的是DevExpress中的Checkbox控件及其全选功能的实现。 全选功能在许多数据管理界面中都非常常见,它允许用户一键选择所有列出的项,极大提升了用户体验。在DevExpress中,我们可以利用`...
var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {header: '编号', dataIndex: 'id'}, {header: '性别', dataIndex: 'sex'}, {header...
在本文中,我们将深入探讨如何使用Ext JS框架创建具有个性化的表格(Grid)界面。Ext JS是一个强大的JavaScript库,专为构建复杂的Web应用程序提供丰富的组件和API。在我们的示例中,我们将关注如何在表格中添加图片...
`Ext.form.FieldSet` 是 `ExtJS` 框架中的一个组件,它主要用于组织和分组表单中的字段。FieldSet 提供了一种在界面上以可折叠或展开的方式展示一组相关输入字段的方式,有助于增强用户体验和界面的可读性。以下是对...