ZHE
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field: 'fCreateTime', title: '登记时间', width: '12%', align: 'center'},
{field: 'fSendTreeShow', title: '是否启用', width: '17%', align: 'center',formatter:showFormat}
]],
onLoadSuccess:function(){
$(".easyui-switchbutton").switchbutton({
onText:"是",
offText:"否",
onChange: function (checked) {
var curRowFid=$(this).attr("id");//当前行主键
checked?updateDB(curRowFid,"1"):updateDB(curRowFid,"0");//根据开关按钮切换更新数据库
}
});
}
});
function showFormat(value,row,index){
if(value=="1"){
return '<input id="'+row.fId+'" class="easyui-switchbutton" value="'+value+'" checked >';
}else{
return '<input id="'+row.fId+'" class="easyui-switchbutton" value="'+value+'">';
}
}
//根据开关按钮切换更新数据库
function updateDB(curRowFid,startStatus){
post_request("#(ctx.contextPath)" + window.webApi.business.updateOp,JSON.stringify({fId:curRowFid,startStatus:startStatus}),function (res) {
if(res.code==0){
//$area.refresh();
}else{
layer.msg("启用状态更新失败!");
}
})
}
注:这里开关按钮的加载必须放到datagrid加载完成onLoadSuccess方法中,否则开关按钮加载样式会有问题。