kendo grid表格加载完成之后触发事件dataBound
//获取远程的数据
var _dbopt = {
transport: {
read: {
url: “远程数据的url”,
type: "POST",
dataType: "json",
cache: false,
//提交form表单进行序列化提交
data: function (p) {
if (formId) {
var arr = $(formId).serializeArray(); $(formId).serializeArray();
if (arr && > 0) {
var d = {};
$.each(arr, function (idx, it) {
if () {
// 多选情况下，同一key有多个值
if (d[]) {
d[] = d[] + ","+;
}
else{
d[] = ;
}
}
});
return d;
}
}
return {};
}
},
parameterMap: function (data, type) {
if (type == "read") {
= ;
= undefined;
= undefined;
= undefined;
delete ;
delete ;
delete ;
return data;
}
}
},
schema: {
type: "json",
data: "rows",
total: "total"
},
serverPaging: true,
pageSize: || 20,
change: function () {
_constants.DATA_GRID_NUMBER_START = 0;
}
};
var columns = [
{
field: "sbbh",
hidden:true
},
{
field:"hphm",
title: "号牌号码",
template:function (dateItem) {
return "<span>"++"</span>"
},
width:100
},
{
field: "wfdz",
title:"违法地址",
template:function (dateItem) {
return "<span>"++"</span>"
},
width:200
},
{
field: "wfsj",
title: "违法时间",
template:function (dateItem) {
return "<span>"++"</span>"
},
width:130,
//attributes: {style: "#= 'color:red;' #"}
},
{
field:"isCheck",
title: "状态",
width: 70,
template:function (dateItem) {
if( == 0){
return "<span>未处理</span>"
}else if( == 1){
return "<span style='color: #FFC414'>已校对</span>"
}else if( == 2){
return "<span style='color: green'>已审核</span>"
}else if( == 3){
return "<span style='color: green' >上传成功</span>"
}else if( == 4){
return "<span onclick='addColor()' style='color: #e00f0f'>已作废</span>"
}else if( == 5){
return "<span style='color: #FB6D17'>审核作废</span>"
}else if( == 6){
return "<span style='color: red'>上传失败</span>"
}
}
},
{
field: "zfyy",
title: "备注",
template:function (dateItem) {
return "<span>"++"</span>"
},
width:180
}
]
//调用kendo ui 的配置项
var _opt = {
dataSource: new (_dbopt),
toolbar: ($(toolbarId).html().replace(/</g, '<').replace(/>/g, '>')),
height: "100%",
groupable: false,
selectable: true,
pageable: {
refresh: true,
pageSizes: [10, 20, 50, 100],
input: (showShort==true?false:true),
buttonCount: (showShort==true?1:5),
messages: {
empty: "没有数据",
display: (showShort==true?"":"共{2}条数据，本页显示{0}-{1}条"),
page: "",
of: "/ {0}",
itemsPerPage: "",
first: "首页",
last: "末页",
next: "下一页",
previous: "上一页",
refresh: "刷新",
morePages: "更多页"
}
},
showNumber: true,
columns: columns，
dataBound:addColor //在这里添加一个dataBound属性 在表格加载完成后执行 addColor方法
sortable: {
mode: "multiple",
allowUnsort: true //允许不分类
},
resizable: false,
selectable: "multiple,row",
showNumber:true //展示序号列
};
//kendo表格加载完成后触发事件
function addColor(){
var grid = $("#grid").data("kendoGrid"); // 行样式
var rows = ("tr");
(function (i, row) {
var isCheck = $(this).find("td>span").eq(3).text();
if(isCheck == '上传成功'){
$(this).css("background-color", "#d1edb8");
};
});
}