easyUIdatagrid表格每⾏显⽰switchbutton按钮
$("#MethodList").datagrid({
pagination: true,
sortName: 'order',
sortOrder: 'asc',
pageSize: 20,
pageList: [15, 20, 50, 100, 1000],
striped: true,
iconCls: 'icon-view',
singleSelect: false,
autoRowHeight: false,
easyuidatagrid
fitColumns: true,
loadMsg: '数据加载中请稍后……',
rownumbers: false,
selectOnCheck: true,
checkOnSelect: true,
height: $(window).height() - $("#toolBar").height(),
toolbar: '#toolBar',
columns: [[
{ field: 'ck', checkbox: "true", width: 300, align: 'center' },
{ field: 'ID', title: '编号', width: 60, align: 'center' },
{
field: 'IsValid', title: '状态', width: 120, align: 'center', formatter: function (value, row, index) {
if (value == '停⽤') {
return "<form><input id='" + row.ActionCode + "' class=\"easyui-switchbutton switchBtn\" ></form>"
} else {
return "<form><input id='" + row.ActionCode + "' checked class=\"easyui-switchbutton switchBtn\"></form>"
}
}
},
{ field: 'Memo', title: '备注', width: 100, align: 'center' },
{
field: 'edit', title: '操作', width: 50, align: 'center', formatter: function (value, row, index) {
var edit = '<span class="icon-edit" title="编辑" onclick="Edit(\'' + index + '\')"> </span> ';
return edit;
}
}
]],
onLoadSuccess: function () {
$(".switchBtn").switchbutton({
height: 18,
onText: "启⽤",
offText: "停⽤",
})
}
});
表格没⾏都要显⽰按钮不能使⽤id加载，当使⽤easyui-switchbutton类进⾏加载时，列表样式会显⽰不出来，需要重新给元素定义⼀个class：switchBtn
若不需要在js中加载，直接在页⾯写以下代码即可
<form><input id='" + row.ActionCode + "' checked class=\"easyui-switchbutton switchBtn\" data-options="onText:'启⽤',offText:'停⽤'"></form>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。