[JavaScript][DWR]DWRUtil.addOptions() 方法詳解

 DWRUtil.addOptions() 方法詳解

DWR通常需要填充一個列表框，主要是addOptions和removeAllOptions方法。如果當你更新時需要維護列表，通常需要如下代碼：

var sel = DWRUtil.getValue(id);
DWRUtil.removeAllOptions(id);
DWRUtil.addOptions(id, ...);
DWRUtil.setValue(id, sel);

DWRUtil.addOptions(selectid,array)

數組的每一個元素的字串表示值和文本，值和文字屬性是一樣的。

DWRUtil.addOptions( "demo1", ['Africa', 'America', 'Asia', 'Australasia', 'Europe' ])

DWRUtil.addOptions(selectid, data, prop)

數組的每一個元素是一個對象，prop表示值和文本對應的屬性名稱，這裡值和文字屬性是一樣的。

DWRUtil.addOptions( "demo1",[
  { name:'Africa', population:'800m' },
  { name:'America', population:'900m' },
  { name:'Asia', population:'3000m' },
  { name:'Australasia', population:'31m' },
  { name:'Europe', population:'700m' }
],"name")

DWRUtil.addOptions(selectid, array, valueprop, textprop)

數組的每一個元素是一個對象，其valueprop和textprop屬性工作表示值和文本對應的屬性名稱。

DWRUtil.addOptions( "demo1",[
  { name:'Africa', id:'AF' },
  { name:'America', id:'AM' },
  { name:'Asia', id:'AS' },
  { name:'Australasia', id:'AU' },
  { name:'Europe', id:'EU' }
],"id","name")

DWRUtil.addOptions(selectid, map, reverse)

MAP的每一個屬性鍵表示屬性值，屬性值表示文本，如果reverse屬性為true，那麼屬性鍵表示文本，屬性值表示值。

DWRUtil.addOptions( "demo1",{
  AF:'Africa',
  AM:'America',
  AS:'Asia',
  AU:'Australasia',
  EU:'Europe'
})

DWRUtil.addOptions(selectid, map, valueprop, textprop)

Map中的一個對象表示一個入口，其valueprop和textprop屬性工作表示值和文本對應的屬性名稱。

DWRUtil.addOptions(ulid, array)

第一個參數表示一個ul或者ol元素的ID，每一個數組元素表示一個選項，其字串表示會作為一個li元素的值。