1. 程式人生 > >使用easyui-combobox的data屬性載入定義好在*.js檔案中的JSON資料的問題

使用easyui-combobox的data屬性載入定義好在*.js檔案中的JSON資料的問題

js檔案中的JSON物件定義:

/**
 * 作廢
 * 
 * @author ckz
 */
hkJson.selectOptionDisuse = [ {
	'id' : '',
	'text' : '全部'
}, {
	'id' : '0',
	'text' : '未作廢'
}, {
	'id' : '1',
	'text' : '已作廢'
} ];

問題——
假設hkJson.selectOptionDisuse抓取出來的時候是個JSON物件A,這時候是沒有問題的!


但是,如果在easyui-combobox使用了JSON物件A,即data:hkJson.selectOptionDisuse,這時候easyui-combobox就標誌了hkJson.selectOptionDisuse是唯一的,看下圖:


導致的結果——
在同一個主頁面(包含TAB頁)如果使用了多個easyui-combobox,且直接使用hkJson.selectOptionDisuse來抓取物件,就會導致多個easyui-combobox下拉框中只有一個easyui-combobox是可以正常使用的,也就是其它easyui-combobox無法選擇下拉框的選項值!

解決方案——

先以字串的方式抓取出來,再轉變為JSON物件即可解決問題!easyui-combobox配置如下:

data:JSON.parse(JSON.stringify(hkJson.selectOptionDisuse))