`
kalogen
  • 浏览: 878212 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

EXTJS gridpanel中的checkbox列 根据数据库值 来初始化是否被选中

    博客分类:
  • EXT
 
阅读更多
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如何自动生成控制grid的列显示、隐藏的checkbox

    ExtJS4中的gridpanel组件提供了一些内置的方法来控制列的可见性,但有时候需要一个更直观的方式来实现这一功能,例如通过一个checkboxgroup来让用户直接勾选哪些列应该显示,哪些列应该隐藏。 为了实现这一功能,...

    Extjs 点击复选框在表格中增加相关信息行

    `gridPanelStore`包含三个字段:'discount'、'provinceId'和'provinceName',并初始化了一个空的JSON对象作为数据源。 表格(GridPanel)本身配置了列定义,包括一个序号列、省份列和折扣列,其中折扣列还设置了...

    ExtJs使用过程中积攒的一些东西

    - 初始化:通过`Ext.onReady`函数在DOM加载完成后执行代码,设置`Ext.BLANK_IMAGE_URL`确保无图标的按钮能正常显示,初始化`Ext.QuickTips`使提示功能生效。 2. **按钮与图标**: - 按钮图标:可以通过`iconCls`...

    Extjs Grid 用法 pdf版

    本文将详细介绍 Extjs 中 Grid 组件的基本用法,包括如何创建 Grid、如何配置列模型 (Column Model)、如何处理不同格式的数据源以及如何在 Grid 中添加 CheckBox。 #### 二、Grid 组件基础 ##### 2.1 构建基本的 ...

    Extjs大全深入浅出

    Extjs拥有丰富的控件库,几乎覆盖了Web开发中的所有场景需求。本书详细介绍了以下几类控件: - **基本控件**:包括Button、Label、Checkbox等基础UI元素。 - **表单控件**:TextField、TextArea、ComboBox等,这些...

    Extjs实用教程

    - 使用`Ext.onReady()`函数确保在DOM完全加载完成之后再执行相应的初始化操作。 ```javascript function fn() { alert("ExtJS库已加载!"); } Ext.onReady(fn); ``` - 或者使用匿名函数的方式简化代码: ```...

    学习ExtJS Panel常用方法

    例如,当 xtype 设置为 `"tabpanel"` 时,系统会使用 `Ext.TabPanel` 来初始化该组件。 - 示例代码: ```javascript var tabPanel = new Ext.TabPanel({ title: '标签页', xtype: 'tabpanel' // 初始化 ...

    ext学习之路

    #### 引入与初始化(integration & initialization) 为了在网页中使用ExtJS,开发者需在HTML文档的`<head>`部分引入必要的样式表和脚本文件。例如,`ext-all.css`用于加载全局样式,而`ext-all.js`则包含了所有的...

    asp.net Ext grid 显示列表

    // 初始化grid var grid = new Ext.grid.GridPanel({ store: store, columnModel: cm, title: '员工列表', width: 700, height: 400, autoScroll: true, stripeRows: true, viewConfig: { forceFit: true...

Global site tag (gtag.js) - Google Analytics