1.修改jqgrid自带的行编辑按钮样式
//jqgrid默认的行编辑样式
{name : '',index : '',width : 70,fixed : true,sortable : false,resize : false,formatter : 'actions',},//修改每行的编辑按钮图标为目标样式//当表格中数据加载完毕后,执行此方法
loadComplete : function() {var table = this;//$("div[data-original-title='编辑'] span").attr("class","ui-icon fa-puzzle-piece cyan"); setTimeout(function() {styleCheckbox(table);updateActionIcons(table);updatePagerIcons(table);enableTooltips(table);//修改'actions'中默认的编辑按钮的样式为装配,以及对当鼠标移到该按钮时的提示的修改$(grid_selector).find('tbody').each(function () {$(this).find('tr').each(function () {var id =$(this).attr("id");$("#jEditButton_"+id).attr("data-original-title","装配")$("#jEditButton_"+id).find("span").attr("class","");$("#jEditButton_"+id).find("span").attr("class","ui-icon fa-puzzle-piece cyan");});});}, 0);
}
2.设置自定义表单验证规则
editrules : {required : true,custom:true, custom_func: function(value, colname){if(value == '0'){ // 表明表单验证未通过,会自动弹出提示框return [false,"必须选择存在的设备编码!"];}else{ // 表明表单验证通过,此时不会弹出提示return [true,""];}}},