单元格选择模式
来源:互联网 发布:ali个人域名怎么转企业 编辑:程序博客网 时间:2024/06/05 05:09
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 }
]
});
});
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 }
]
});
});
0 0
- 单元格选择模式
- EAS BOS表格选择模式 选择单元格、一行或者多行的控制
- 单元格 右键选择栏
- 方向键不能控制选择单元格
- dbgrid单元格选择数据录入
- DataGridView改变选择的单元格
- VBA选择单元格的语句
- 单元格左侧附带选择按钮
- vs2003DataGrid控件点击单元格选择行
- swt tableViewer双击选择单元格事件
- 在Excel中选择整个单元格范围
- 如何随机选择excel单元格中的数据
- WPF通过cs选择单元格,改变样式
- 取得DataGridView中被选择的列、行、单元格,列、行、单元格选择设定
- 取得DataGridView中被选择的列、行、单元格,列、行、单元格选择设定
- DataGridView单元格退出编辑模式时发生
- CCtrlist Report模式下编辑单元格
- vb.net 中选择由某个单元格至最下面最后面一个单元格的区域
- 【Shell】【学习笔记】Linux Shell脚本应用(七)
- Android 获取手机SIM资料详解
- Mysql 5.5.40实现一主多从 One-Master muil-slave
- ARM学习记录_ARM2440--J-link烧写设置
- VFS文件系统结构分析
- 单元格选择模式
- IOS强化知识(2)@class的运用
- android ViewPager,ViewFlipper,ViewFlow三种实现图片轮播方案介绍
- c#和 lua 简单交互
- Add Two Numbers
- 解决linux下端口占用
- Machine-Learning Maestro Michael Jordan on the Delusions of Big Data and Other Huge Engineering Effo
- Storm高级属性
- Grid行编辑插件