Ext.grid.CheckColumn()与 Ext.grid.CheckboxSelectionModel() 的应用
2011-11-21 17:44
555 查看
1.
var t_sm = new Ext.grid.CheckColumn({dataIndex: 'selflag', width:15});
var versionList_cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(), t_sm,
{header : '编码',width : 80,hidden : true, dataIndex : 'id'},
{header : '名称',width : 70,sortable : true, dataIndex : 'name'},
{header : '类型',hidden : true,dataIndex:'groupName'}
]);
var showSetting_item = new Ext.grid.EditorGridPanel({
id : '', clicksToEdit:1,
store : versionList_ds, cm : versionList_cm,
view: new Ext.grid.GroupingView({
forceFit:true,
groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
}),
viewConfig : {forceFit : true}, autoScroll : true,
enableColumnHide:false, enableHdMenu: false,
loadMask:{msg:"数据加载中,请稍等"},border : true,
//sm:t_sm,
plugins:t_sm,selModel : new Ext.grid.RowSelectionModel({}),
deferRowRender:false
});
2.
var t_sm = new Ext.grid.CheckboxSelectionModel();
var versionList_cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(), t_sm,
{header : '编码',width : 80,hidden : true, dataIndex : 'id'},
{header : '名称',width : 70,sortable : true, dataIndex : 'name'},
{header : '类型',hidden : true,dataIndex:'groupName'}
]);
var showSetting_item = new Ext.grid.EditorGridPanel({
id : '', clicksToEdit:1,
store : versionList_ds, cm : versionList_cm,
view: new Ext.grid.GroupingView({
forceFit:true,
groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
}),
viewConfig : {forceFit : true}, autoScroll : true,
enableColumnHide:false, enableHdMenu: false,
loadMask:{msg:"数据加载中,请稍等"},border : true,
sm:t_sm, deferRowRender:false
});
----------------------------
var versionList_ds = new Ext.data.GroupingStore({
reader : new Ext.data.JsonReader(
{totalProperty : "totalCount",root : "rows"},
[
{name : 'id'},{name : 'name'},{name : 'groupName'},
{name : 'selflag',type: 'bool'}
]
),
remoteSort:false,
sortInfo:{field: 'id', direction: 'ASC'},
groupField:'groupName',
proxy : new Ext.data.DWRProxy(具体的方法, true)
});
对于如果取值问题:
以下是获取表格中所有的值(以上两个方法也可以):
var selDataList = showSetting_item.getStore().data.items;
var b_value = [];
for(var i=0;i<selDataList.length;i++){
var temp_obj={};
temp_obj.DimID=selDataList[i].data.id;
temp_obj.DimName=selDataList[i].data.name;
temp_obj.selflag=selDataList[i].data.selflag;
b_value.push(temp_obj);
}
b_value=Ext.util.JSON.encode(b_value);
alert(b_value);
以下是获取表格选中的值:
var selModel = showSetting_item.getSelectionModel();
if (selModel.hasSelection()) {
var selections = selModel.getSelections();
Ext.each(selections, function(item) {
alert(item.data.name);
});
}
针对“Ext.grid.CheckboxSelectionModel()” 下载默认选中的问题
var t_sm = new Ext.grid.CheckColumn({dataIndex: 'selflag', width:15});
var versionList_cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(), t_sm,
{header : '编码',width : 80,hidden : true, dataIndex : 'id'},
{header : '名称',width : 70,sortable : true, dataIndex : 'name'},
{header : '类型',hidden : true,dataIndex:'groupName'}
]);
var showSetting_item = new Ext.grid.EditorGridPanel({
id : '', clicksToEdit:1,
store : versionList_ds, cm : versionList_cm,
view: new Ext.grid.GroupingView({
forceFit:true,
groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
}),
viewConfig : {forceFit : true}, autoScroll : true,
enableColumnHide:false, enableHdMenu: false,
loadMask:{msg:"数据加载中,请稍等"},border : true,
//sm:t_sm,
plugins:t_sm,selModel : new Ext.grid.RowSelectionModel({}),
deferRowRender:false
});
2.
var t_sm = new Ext.grid.CheckboxSelectionModel();
var versionList_cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(), t_sm,
{header : '编码',width : 80,hidden : true, dataIndex : 'id'},
{header : '名称',width : 70,sortable : true, dataIndex : 'name'},
{header : '类型',hidden : true,dataIndex:'groupName'}
]);
var showSetting_item = new Ext.grid.EditorGridPanel({
id : '', clicksToEdit:1,
store : versionList_ds, cm : versionList_cm,
view: new Ext.grid.GroupingView({
forceFit:true,
groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
}),
viewConfig : {forceFit : true}, autoScroll : true,
enableColumnHide:false, enableHdMenu: false,
loadMask:{msg:"数据加载中,请稍等"},border : true,
sm:t_sm, deferRowRender:false
});
----------------------------
var versionList_ds = new Ext.data.GroupingStore({
reader : new Ext.data.JsonReader(
{totalProperty : "totalCount",root : "rows"},
[
{name : 'id'},{name : 'name'},{name : 'groupName'},
{name : 'selflag',type: 'bool'}
]
),
remoteSort:false,
sortInfo:{field: 'id', direction: 'ASC'},
groupField:'groupName',
proxy : new Ext.data.DWRProxy(具体的方法, true)
});
对于如果取值问题:
以下是获取表格中所有的值(以上两个方法也可以):
var selDataList = showSetting_item.getStore().data.items;
var b_value = [];
for(var i=0;i<selDataList.length;i++){
var temp_obj={};
temp_obj.DimID=selDataList[i].data.id;
temp_obj.DimName=selDataList[i].data.name;
temp_obj.selflag=selDataList[i].data.selflag;
b_value.push(temp_obj);
}
b_value=Ext.util.JSON.encode(b_value);
alert(b_value);
以下是获取表格选中的值:
var selModel = showSetting_item.getSelectionModel();
if (selModel.hasSelection()) {
var selections = selModel.getSelections();
Ext.each(selections, function(item) {
alert(item.data.name);
});
}
针对“Ext.grid.CheckboxSelectionModel()” 下载默认选中的问题
相关文章推荐
- Ext.grid.CheckboxSelectionModel
- Ext.grid.CheckboxSelectionModel状态设置
- Ext.grid.CheckboxSelectionModel
- ext使用了new Ext.grid.CheckboxSelectionModel()却还是单选框
- Ext.grid.CheckboxSelectionModel()勾选不上
- 【解决方案】Ext.grid.CheckboxSelectionModel 实现锁住指定行不被选中
- Ext.grid.CheckboxSelectionModel去除全选框
- extjs grid的Ext.grid.CheckboxSelectionModel默认选中解决方法
- Ext.grid.CheckboxSelectionModel复选框设置某行不可以选中
- 关于ext中使用 Ext.grid.CheckboxSelectionModel作为选择框如何保存选中记录的解决方法。
- [转]extjs grid的Ext.grid.CheckboxSelectionModel默认选中解决方法
- Ext中CheckboxSelectionModel让其符合某一条件行不能被选中
- EXT CheckboxSelectionModel 多选效果以及获取选定值
- Ext.grid.ColumnModel
- Ext的CheckboxSelectionModel默认选中
- Ext.grid.ColumnModel
- Ext.grid.ColumnModel
- extjs中grid,设置CheckboxSelectionModel的默认值
- Ext中ext:CheckboxSelectionModel 的checkbox有时候不会去掉选中的方法
- Ext.Net 和 ExtJs 通用的CheckboxSelectionModel默认加载项 绑定方法