单元格选择模式

 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(),
                width: 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') + '\n';//rows[i]是某条记录,利用Model的get函数取出记录中
                                                              }//指定字段的值。
                            alert(msg);
                        }
                    }],
                columns: [
                    { header: 'id', dataIndex: 'id', sortable: true, width: 30 },
                    { header: '姓名', dataIndex: 'name', sortable: true, windth: 80 },
                    { header: '年龄', dataIndex: 'age', sortable: true, width: 30 }
                ]
            });
        });
posted @ 2014-10-24 21:38  lz3018  阅读(165)  评论(0编辑  收藏  举报