extjs
gridpanel 中有一列是 checkboxselectionModel()
我想在初始化gridpanel的store的时候
根据 数据库中一列的值
来设置(初始化) gridpanel 中的checkbox是否被选中
=====================
这个要在你给 Grid 绑定的 Store 的 load 事件中做。
举例如下:
var selModel = new Ext.grid.CheckboxSelectionModel(); //你的 Checkbox 选择器定义
var dataStore = new Ext.data.JsonStore({
//...
//这儿是你的 dataStore 的具体定义
//...
listeners: {
load: function(store) {
var index = 0;
store.each(function(record) {
if(record.data.column_name == '1') { //column_name 替换成你的列名, '1' 替换成你的值
selModel.selectRow(index);
}
index++;
})
}
}
});
分享到:
相关推荐
ExtJS4中的gridpanel组件提供了一些内置的方法来控制列的可见性,但有时候需要一个更直观的方式来实现这一功能,例如通过一个checkboxgroup来让用户直接勾选哪些列应该显示,哪些列应该隐藏。 为了实现这一功能,...
`gridPanelStore`包含三个字段:'discount'、'provinceId'和'provinceName',并初始化了一个空的JSON对象作为数据源。 表格(GridPanel)本身配置了列定义,包括一个序号列、省份列和折扣列,其中折扣列还设置了...
- 初始化:通过`Ext.onReady`函数在DOM加载完成后执行代码,设置`Ext.BLANK_IMAGE_URL`确保无图标的按钮能正常显示,初始化`Ext.QuickTips`使提示功能生效。 2. **按钮与图标**: - 按钮图标:可以通过`iconCls`...
本文将详细介绍 Extjs 中 Grid 组件的基本用法,包括如何创建 Grid、如何配置列模型 (Column Model)、如何处理不同格式的数据源以及如何在 Grid 中添加 CheckBox。 #### 二、Grid 组件基础 ##### 2.1 构建基本的 ...
Extjs拥有丰富的控件库,几乎覆盖了Web开发中的所有场景需求。本书详细介绍了以下几类控件: - **基本控件**:包括Button、Label、Checkbox等基础UI元素。 - **表单控件**:TextField、TextArea、ComboBox等,这些...
- 使用`Ext.onReady()`函数确保在DOM完全加载完成之后再执行相应的初始化操作。 ```javascript function fn() { alert("ExtJS库已加载!"); } Ext.onReady(fn); ``` - 或者使用匿名函数的方式简化代码: ```...
例如,当 xtype 设置为 `"tabpanel"` 时,系统会使用 `Ext.TabPanel` 来初始化该组件。 - 示例代码: ```javascript var tabPanel = new Ext.TabPanel({ title: '标签页', xtype: 'tabpanel' // 初始化 ...
#### 引入与初始化(integration & initialization) 为了在网页中使用ExtJS,开发者需在HTML文档的`<head>`部分引入必要的样式表和脚本文件。例如,`ext-all.css`用于加载全局样式,而`ext-all.js`则包含了所有的...
// 初始化grid var grid = new Ext.grid.GridPanel({ store: store, columnModel: cm, title: '员工列表', width: 700, height: 400, autoScroll: true, stripeRows: true, viewConfig: { forceFit: true...