首先使用AJAX动态绑定数据。
在给actioncolumn列赋值的时候使用innerHTML,为table写入一个新的元素 document.innerHTML =’新元素’
/*查询按钮 表格获取内容*/
function query() {
//判断三个选项是否都为空,如果都为空则返回
if ($('#select_goods').val() == '' && $('#select_date').val() == '' && $('#select_storage').val() == '') {
alert('请选择查询条件');
return;
}
//至少有一个选项不为空,就可以查询
else {
$.ajax({
type: "get",url: "/WarehousingLog/resultee",data: "select_goods=" + $("#select_goods").val() + "&select_date=" + $("#select_date").val() + "&select_storage=" + $("#select_storage").val(),dataType: "json",success: function (data) {
//循环,向data1里添加数据 place=仓库名称+货位ID actioncolumn=编辑、删除
for (var i = 0; i < data.length; i++) {
var data1 = [];
data1.push({ "serial": data[i].Serial,"ItemNo": data[i].ItemNo,"ItemName": data[i].ItemName,"CategoryName": data[i].CategoryName,"Number": data[i].Number,"price": data[i].Price,"place": data[i].StorageName+data[i].PositionID,"op": data[i].Op,"applicant": data[i].Applicant,"Explain": data[i].Explain,"isConsumables": data[i].IsConsumables,"actioncolumn": document.innerHTML = '<a href="#"">编辑</a>丨<a href="#">删除</a>' });
}
//在下拉框中加载变量中数据
$("#dg").datagrid("loadData",data1) //加载数据
},error: function (data) {
alert("系统出错了,请联系管理员");
}
});
}
}/*查询按钮 表格获取内容*/
还有一种写法,可以参照13期-侯旭日-easyui datagrid自定义按钮列,最后操作列
成功的秘诀:多读书,多看报,少吃零食,多睡觉