jqgrid學習(三)
阿新 • • 發佈:2017-08-25
cti 彈出 -o grid ttr log on() () pan
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,""]; } } },
jqgrid學習(三)