样式如图所示:代码如下
{
field: 'NAME', title: '名称', width: 300, align: 'left', styler: function (value, row, index) {
return 'vertical-align:middle;';
}, formatter: function (val, row) {
var name = val.split('&');
var str = "<div id=\"newname\">";
for (var i = 0; i < name.length; i++) {
if (name[i].length > 0) {
if (name[i].search("<img src='/Content/images/check.png'>") != -1) {
str += "<a onclick=\"changeState('" + name[i].replace("<img src='/Content/images/check.png'>", 'true') + "','" + row.SNE_ID + "')\" title=\"提示语\" style=\"text-decoration: underline;\">" + name[i] + "</a>" + "<br />";
} else {
str += " <a onclick=\"changeState('"+name[i] + "','" + row.SNE_ID + "')\" title=\"提示语">" + name[i] + "</a>" + "<br />";
}
}
}
str += "<div>";
return str;
} }
事件方法:代码如下
function changeState(val, id) {
checkValue = val;
//先保存勾选的数据
if (id != null) {
jQuery.ajax({
type: "POST",
url: "路径",
data: 参数,
dataType: "text",
success: function (res) {
var handle_status = JSON.parse(res);
if (handle_status.m == '0') {
//重新加载
} else {
}
},
error: function () {
}
});
} else {
}
}
3、在后台的List<T>列表中字段需要加上图片列如:name="<img src='/Content/images/check.png'>" + model.name+ "&";