YUI Datatable dropdown option value text defination
var dt_columns=[
{ key: "check", formatter:"checkbox"},
{ key: "status_name", formatter:"dropdown",dropdownOptions:[{"text":"Connection.Threads_connected","value":"1012"},{"text":"Connection.Threads_running","value":"1013"},{"text":"Fullscan.Select_full_join","value":"1023"},{"text":"Fullscan.Select_full_range_join","value":"1024"}]},
{ key: "start_date", editor:"textbox"},
{ key: "end_date", editor:"textbox"},
{ key: "data_type", formatter:"dropdown",dropdownOptions:["day_sum","day_max","night_sum","night_max"] },
{ key: "Top_N", editor:"textbox" }
];
今天看了一下原始碼知道dropdownOptions分開定義一個option的value和text部分。如紅色部分。
如果想value和text相同,像藍色部分那樣定義就行了。
JS真是靈活。YUI寫的真是不錯
{ key: "check", formatter:"checkbox"},
{ key: "status_name", formatter:"dropdown",dropdownOptions:[{"text":"Connection.Threads_connected","value":"1012"},{"text":"Connection.Threads_running","value":"1013"},{"text":"Fullscan.Select_full_join","value":"1023"},{"text":"Fullscan.Select_full_range_join","value":"1024"}]},
{ key: "start_date", editor:"textbox"},
{ key: "end_date", editor:"textbox"},
{ key: "data_type", formatter:"dropdown",dropdownOptions:["day_sum","day_max","night_sum","night_max"] },
{ key: "Top_N", editor:"textbox" }
];
今天看了一下原始碼知道dropdownOptions分開定義一個option的value和text部分。如紅色部分。
如果想value和text相同,像藍色部分那樣定義就行了。
JS真是靈活。YUI寫的真是不錯
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/82392/viewspace-418914/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JQuery 獲取select被選中的value和textjQuery
- YUI TreeView搞明白了UIView
- YUI的一點問題UI
- IE6/7/8中Option元素未設value時Select將獲取空字串字串
- dataTable元件使用元件
- DataTable.ImportRow()與DataTable.Rows.Add()的區別Import
- YUI可真是個不錯的東東UI
- datatable資料解析
- Ant-design dropdown 原始碼學習原始碼
- 將DataTable一行放入另一個DataTable中(筆記)筆記
- Excel匯入資料異常Cannot get a text value from a numeric cell解決辦法Excel
- option新增空白
- ASP.NET MVC下使用AngularJs語言(六):獲取下拉選單的value和TextASP.NETMVCAngularJS
- DataTable 轉為 List<dynamic>
- C# Datatable 新增列C#
- DataTable中的select()用法
- jQuery datatable 使用方法jQuery
- C#:Dictionary轉DataTableC#
- jquery獲得option的值和對option進行操作jQuery
- The option-critic architecture
- Flutter之DataTable使用詳解Flutter
- Datatable Scroller (Server Side) Part:3ServerIDE
- 使用HtmlAgilityPack將HtmlTable填入DataTableHTML
- 儲存過程 傳 datatable儲存過程
- DataTable與List相互轉換
- Spring Boot + JPA DataTable原始碼Spring Boot原始碼
- Jquery 動態增加option及獲取值 遍歷option相關方法jQuery
- 蘋果電腦上神奇的Option鍵,巧用option鍵提升效率蘋果
- Kotlin Type? vs Scala OptionKotlin
- 從 Dropdown 的 React 實現中學習到的React
- DataTable.js原始碼分析(一)JS原始碼
- text
- golang multiple-value xxx in single-value contextGolangContext
- iView元件庫之下拉框dropdown(樹形結構)View元件
- 從零實現Vue的元件庫(十六)- Dropdown 實現Vue元件
- 去除DataTable指定列的重複行
- Salesforce LWC學習(十八) datatable展示 imageSalesforce
- [20231103]sqlplus column new_value old_value.txtSQL