首页 > 其他 > 详细

easyUI 创建有复选框的table.datagrid

时间:2017-11-24 10:56:25      阅读:339      评论:0      收藏:0      [点我收藏+]
table : function(data){
pt.v.table.datagrid({
// singleSelect:true,
height:295,
columns:[[
{field:‘xuhao‘,title:‘0‘,width:‘5%‘,checkbox:true},
{field:‘sjbm‘,title:‘数据编码‘,width: ‘30%‘,align:‘center‘},
{field:‘sjmc‘,title:‘数据名称‘,width:‘35%‘,align:‘center‘},
{field:‘mrx‘,title:‘默认值‘,width:‘30%‘,align:‘center‘,
formatter :function(value,row,index){
if(value === ‘1‘){
return ‘否‘;
}else if(value === ‘0‘){
return ‘是‘;
}
},
},
]],
data : data,
onSelect:function(index,row){
var checkedMess = pt.v.table.datagrid(‘getSelections‘); //getChecked是选行 getSelections 复选框
if(checkedMess.length === 1){
pt.v.edit_button.removeAttr(‘disabled‘);
pt.v.del_button.removeAttr(‘disabled‘);
}else{
pt.v.edit_button.prop(‘disabled‘,true);
}
},
onUnselect:function(){
var checkedMess = pt.v.table.datagrid(‘getSelections‘);
if(checkedMess.length === 1){
pt.v.edit_button.removeAttr(‘disabled‘);
}else if(checkedMess.length === 0){
pt.v.edit_button.prop(‘disabled‘,true);
pt.v.del_button.prop(‘disabled‘,true);
}
}
});
}

关于getchecked:
getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。
getSelections:取得所有选中行数据,返回元素记录的数组数据。

   getChecked:取得checkbox选择行的数据,返回元素记录的数组数据。

   getSelected跟getSelections是选中行,而且getChecked是选择行。

   选中行的意思就是,我们单击到某一个行,一般这个时候默认样式会让该行的背景色为黄色,就证明我们选中了该行。

而选择行的意思就是,我们在该行放置了一个checkbox按钮,我勾选了这个按钮,因此也可以将选择行称为勾选行更贴切一些!



easyUI 创建有复选框的table.datagrid

原文:http://www.cnblogs.com/leiyangs/p/7889158.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!