`
lzquan
  • 浏览: 197657 次
  • 性别: Icon_minigender_1
  • 来自: 东莞
社区版块
存档分类
最新评论

Ext Grid 多选

    博客分类:
  • Ext
阅读更多

//显示策略下发情况的表格grid        
    var check_select = new Ext.grid.CheckboxSelectionModel();
    var cm = new Ext.grid.ColumnModel([    
        new Ext.grid.RowNumberer(),check_select,    
        {header:'ID',dataIndex:'id',width:50,sortable:true},
        {header:'名称',dataIndex:'name',width:100,sortable:true},
        {header:'所属部门',dataIndex:'parent_name',width:100,sortable:true},
        {header:'策略应用状态',dataIndex:'apply_status',width:100,sortable:true,renderer:function(value){
            if(value==0){
                return "<span><font color='red'>没有下发策略</font></span>";
            }else if(value==1){
                return "<span><font color='green'>策略已经下发</font></span>";
            }if(value==2){
                return "<span><font color='blue'>策略已经生效</font></span>";
            }
        }},
        {header:'策略起效时间',dataIndex:'complete_time',width:120,sortable:true},
        {header:'策略下发时间',dataIndex:'apply_time',width:120,sortable:true},
        {header:'角色',dataIndex:'role',width:150,sortable:true}
    ]);
    var person_ds = new Ext.data.Store({
        id:            'group_datasource',
        baseParams:    {deptid:'all'},
        proxy: new Ext.data.HttpProxy({url:'module/list_policy.php'}),
        reader: new Ext.data.JsonReader({
            totalProperty: 'totalProperty',
            root: 'root'
        }, [
            {name: 'id'},
            {name: 'name'},
            {name: 'parent_name'},
            {name: 'apply_status'},
            {name: 'complete_time'},
            {name: 'apply_time'},
            {name: 'role'}
        ])
    });

    var person_grid = new Ext.grid.GridPanel({
        bodyStyle:'margin:0px;padding:0px;',
        width:300,
        autoScroll: true,
        //autoHeight:true,
        autoSizeColumns:true,
        ds: person_ds,
        cm: cm,
        sm: check_select,
        tbar:[
            {                    
                text:"刷新列表",
                tooltip:'刷新列表',
                iconCls:'x-tbar-loading',
                handler:function(){
                    person_ds.reload();
                }
            },{xtype:'tbseparator'},{
                text:"查看详情",
                id :    'show_detail_btn',
                tooltip:'查看详情',
                iconCls:'user',
                handler:function(){
                    var record = getSelectRecord();
                    if(record==false || record.indexOf(',')!=-1){
                        Ext.getCmp('show_detail_btn').setDisabled(true);
                    }else{
                        Ext.Msg.alert('提示信息','查看详情');
                    }
                }
            }
        ],
        bbar:new Ext.PagingToolbar({
            pageSize: 1000,
            store: person_ds,
            displayInfo: true,
            displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
            emptyMsg: "没有记录"
        })
    });
   
    person_ds.load({params:{start:0,limit:1000}});    
    //选中表格的事件,控制按钮是否可用。
    person_grid.addListener('cellclick', cellclick);
    function cellclick(person_grid, rowIndex, columnIndex, e) {
        var record = getSelectRecord();
        if(record==false){
            Ext.getCmp('move-next').setDisabled(true);
        }else{
            Ext.getCmp('move-next').setDisabled(false);
        }
        if(record!=false && record.indexOf(',')==-1){
            Ext.getCmp('show_detail_btn').setDisabled(false);
        }else{
            Ext.getCmp('show_detail_btn').setDisabled(true);
        }
    }   

// 获取选定记录
    function getSelectRecord(){
        var records=person_grid.getSelectionModel().getSelections();
            if(records.join('')=='') {
                return false;
            }
            var ids = [];
            for(var i=0; i<records.length; i+=1){
                var member = records[i].get('id');  
                ids.push(member);                //向数组后添加元素
        }
        return ids.toString();
    }






baseParams:    {deptid:'all'},
person_ds.baseParams = {deptid:dept_id};
person_ds.load({params:{start:0,limit:10}});   

分享到:
评论

相关推荐

    jq-extgrid v1.2 表格插件

    http: www extgrid com extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过...extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列 [更多]

    ExtJs grid多选时获取选中的所有值

    ExtJs grid多选时获取选中的所有值,以及其他相关的操作

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序...3、拖动排序功能支持Grid单选与多选模式。 4、加了【最上】【最下】【上移】【下移】四个按钮排序的功能。目前按钮排序只能在Grid的单选模式下使用。 实现说明与功能演示请见我的Blog

    JSP中使用EXT实现grid table

    在jsp中使用ext显示一个简单的数据表格,非常实用,以后如果要开发Ajax的页面数据表格可以直接套用,使用编码UTF-8

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    Extjs4下拉菜单中用Grid显示,有单选,和多选两个控件,完美通用代码控件,绝对让你好用,值得收藏^-^

    Ext js 教程大全

    再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...

    Ext 开发指南 学习资料

    1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要什么? 1.6. 入门之前,都看helloworld。 1.6.1. 直接使用...

    ext.net-extjs

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    EXT2.0中文教程

    1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...

    EXT教程EXT用大量的实例演示Ext实例

    1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看...

    Extjs4.0学习笔记

    Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是...ExtJS4学习笔记(八)---Grid多选/全选 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(十)---ExtJS4图片验证码的实现

    深入浅出Ext JS

     再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    Ext js-2.0 带API

     再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    ExtJS Grid使用SimpleStore、多选框的方法

    代码如下:///”./vswd-ext_2.0.2.js”&gt; Ext.onReady(function(){ var data = [ [1,”wilson.fu”,10], [2,”wilson.fu2″,20], [3,”wilson.fu3″,30] ];... } var sm = new Ext.grid.CheckboxSele

    EXTJS 3.0中文版文档+实例

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    ExtJS 4.2.0

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...

    掏钱学Ext(完整版) 附全部源码

    2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. 全选checkbox的时间了,请允许我让2.0先上场。 2.6.3. 1.x时代的全选checkbox。 2.7. 还差:表头菜单,分页,可编辑表格,去服务器读取数据,...

    extjs学习 功能丰富,无人能出其右

     再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    Extjs中文文档.pdf

     再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    EXTJS 3.3.1例子

     再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格...

Global site tag (gtag.js) - Google Analytics