zoukankan      html  css  js  c++  java
  • 单元格选择模式

     Ext.onReady(function () {
                Ext.define('personInfo', {
                    extend: 'Ext.data.Model',
                    fields: ['id', 'name', 'age']
                });
                var datas = [//memory类型的Proxy中有一个配置项data,对应的值是可选的纪录的数组,用数组定义一条纪录中的各个item
                    [110, '刘一', 24],//因此就是利用了二维数组来定义。JS中定义数组有两种方式,利用Array定义和字面值定义,字面值
                    [112, '黄小珠', 23],//即是利用[]来定义数组变量值与Object变量的定义方式利用{}来定义是不同的。
                    [114, '李凡达', 23]
                ];
                var firstStore = Ext.create('Ext.data.Store', {
                    storeId: 'store1',
                    model: 'personInfo',
                    proxy: {
                        type: 'memory',
                        data: datas,
                        reader: 'array'
                    },
                    autoLoad: true
                });
                var grid = Ext.create('Ext.grid.Panel', {
                    renderTo: Ext.getBody(),
                    300,
                    height: 150,
                    title: '单元格选择模式',
                    frame: true,
                    store: Ext.data.StoreManager.lookup("store1"),
                    selType: 'rowmodel',
                    simpleSelect: true,
                    multiSelect:true,
                    tbar: [
                        {
                            text: '取得所选单元格',
                            handler: function () {
                                var msg = '';
                                var msg1 = { hobby: "fish" };
                                var rows = grid.getSelectionModel().getSelection();//返回值是Ext.data.Model[]
                                 for (var i = 0; i < rows.length; i++)
                                 {
                                     msg = msg + rows[i].get('name') + ' ';//rows[i]是某条记录,利用Model的get函数取出记录中
                                                                  }//指定字段的值。
                                alert(msg);
                            }
                        }],
                    columns: [
                        { header: 'id', dataIndex: 'id', sortable: true, 30 },
                        { header: '姓名', dataIndex: 'name', sortable: true, windth: 80 },
                        { header: '年龄', dataIndex: 'age', sortable: true, 30 }
                    ]
                });
            });
  • 相关阅读:
    Gridview如何用自定义按钮进行编辑和提交修改
    winform多线程中给datagridview绑定数据源
    DevExpress控件WebchartControl的学习记录
    datagridview右键选中单元格并获取到焦点
    asp.net局部页面打印,以及如何去掉打印时自动保留的URL地址(页眉页脚)
    GridView如何实现点击某行的指定列弹出新窗体
    C# Color Font 与String之间的转换
    推荐一款 asp.net js日历控件
    js浮点运算替代函数
    VSeWss 1.3 CTP 安装后出现错误
  • 原文地址:https://www.cnblogs.com/lz3018/p/4579796.html
Copyright © 2011-2022 走看看