easyui grid單元格型別

2022-07-20 10:00:12 字數 1556 閱讀 4095

在實際應用中可能會碰到不同的需求,比如會根據每行不同的引數或屬性設定來設定同列不同的editor型別,這時原有的例子就顯的有點太過簡單,不能實現我們的需求,現在應用我在專案中的操作為例,顯示下實現同列不同操作的情況:(在這,我把例子的情況完全整合到了js裡面配置實現,如有習慣於js實現方式的也可參考)

html:

//個人覺得這樣更顯的頁面清晰,所有的配置都放到js裡實現

js:

var types = [

, ,

];

$(function()

} ]],

columns:[[

},

formatter:function(value,row)else

}else

}},

, },

formatter:function(value,row)

return types[0].typename;

}else

} },

},

formatter:function(value,row)else

}else

}},

},

formatter:function(value,row)else

}else

} },

},

formatter:function(value,row)else

}else

} },

},

formatter:function(value,row)else

}else

} },

},

formatter:function(value,row)else

}else

} },

},

formatter:function(value,row)else

}else

} },

},

formatter:function(value,row)else

}else

} },

else

}},

else

}}

]]

,onclickrow:function(row)

} ,ondblclickrow:function(row)

} ,onbeforeedit:function(row)

,onafteredit:function(row,changes)

});

} });

});

function beforeditrow(row)else

} 實現效果圖:實現流程:ondblclickrow --( onbeforeedit -- onafteredit) -- onclickrow,操作上只需要雙擊和單擊兩個事件來完成操作,而另兩個事件是在中間自動實現完成。

Handsontable單元格型別

學習重點 註冊乙個單元格型別 預覽內建和自定義單元格型別 單元格型別的解剖 當您建立乙個自定義單元格型別時,乙個好的做法是將它作為乙個別名分配給以下預設型別。handsontable預設定義9個預設型別 autocomplete for handsontable.celltypes autocomp...

labview 活動單元格 活動單元格屬性

短名稱 activecell 必需 基礎軟體包 類 多列列表框類的屬性 用途 建立屬性。設定活動單元格的行和列。名稱說明 行設定活動單元格的行。取值範圍為0至n,n為行數 1。輸入 2可選擇所有行。列設定活動單元格的列。取值範圍為0至m,m為列數 1。輸入 2可選擇所有列。輸入 1可選擇列首。下表為...

清空合併單元格之隱藏單元格

合併單元格有真有假,如果大家不知道二者的區別,請移步 excel合併單元格之真假李逵 先了解一下。識別兩種合併單元格的方法也很簡單,輔助列使用公式讀取一下單元格內容,如果合併單元格之隱藏單元格仍然有內容,那麼這就是貼上格式建立的合併單元格。接下來要講的合併單元格是用貼上格式產生的,如果希望清空d列中...