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,""];}}},