easyUI----grid

Posted ..SunXin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyUI----grid相关的知识,希望对你有一定的参考价值。

1.设置标题行高

.datagrid-header-row td{background-color:rgb(15,185,234);color:#fff;height:35px ;font-size:14pt;font-family:"Microsoft Yahei",Verdana,Simsun,"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial }

2.设置内容行高
.datagrid-row { height: 32px; }

3.同步行和checkBox点击事件

function initGrid(taskTypeId){
$("#bt_buttion1").attr("class","tlbtn2 btndisabled");
$("#bt_buttion2").attr("class","tlbtn2 btndisabled");
$(‘#assctlgDiv‘).empty();
$(‘#assctlgDiv‘).datagrid({
url:"/../gridData.do?taskTypeId="+taskTypeId,
fitColumns : true,
fit : true,
checkbox : true,
rownumbers:true,
columns :[[
{
field : ‘‘,
title : ‘单选‘,
align : ‘center‘,
checkbox : true
},
 {
field : ‘bgtstage‘,
title : ‘AAA‘,
halign:‘center‘,
align : ‘left‘,
width : ‘24%‘,
formatter:function(value , record , index){
if(value == 0){
return ‘<span style=color:red; >A</span>‘ ;
} else if( value == 1){
return ‘<span style=color:green; >B</span>‘ ;
} else if( value == 2){
return ‘<span style=color:blue; >C</span>‘ ;
}
}
}, {
field : ‘confirmtime‘,
title : ‘BBBB‘,
halign:‘center‘,
align : ‘left‘,
width : ‘24%‘,
formatter:function(value , record , index){
if(value == ""){
return ‘<span>AAA</span>‘ ;
}else{
return value;
}
}
}]],
onSelect: function () //选中一行
{
toolblock();
},
onUnselect:function ()
{
toolblock();
},
onSelectAll:function ()
{
toolblock();
},
onUnselectAll:function ()
{
$("#bt_buttion1").attr("class","tlbtn2 btndisabled");
$("#bt_buttion2").attr("class","tlbtn2 btndisabled");
}
});
};
function toolblock(){
var rows = $(‘#assctlgDiv‘).datagrid(‘getSelections‘);
var count = 0 ;
var count1 = 0 ;
$.each(rows, function (index, row) {
if(row.bgtstage=="0"){
count=count+1;
};
if(row.bgtstage=="1"){
count1=count1+1;
};
});
if(rows.length==count&&count>0){
$("#bt_buttion1").attr("class","tlbtn2");
}else if(rows.length==count1&&count1>0){
$("#bt_buttion2").attr("class","tlbtn2");
}else{
$("#bt_buttion1").attr("class","tlbtn2 btndisabled");
$("#bt_buttion2").attr("class","tlbtn2 btndisabled");
}
}

以上是关于easyUI----grid的主要内容,如果未能解决你的问题,请参考以下文章