1. 程式人生 > >jqgrid學習(三)

jqgrid學習(三)

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學習(三)