2012年2月9日 星期四

【DWR】陣列運用

如果我們需要透過DWR呼叫遠端還取得多筆的資料

可以用以下範例在網頁中有一個select-option的下拉式選單

當網頁在載入的過程中透過DWR呼叫遠端服務,並回傳一個字串陣列

取得四個季節的選項並加入到下拉式選單中。

首先,先提供一個遠端的服務SeasonService.java 

package org.service;
/**
 * @author allen
 *
 */
public class SeasonService
{
 public String[] getSeason(){
  return new String[]{"春","夏","秋","冬"};
 }
}


接著是設定 dwr.xml


<dwr>
  <allow>
    <create creator="new" javascript="Season">
      <param name="class" value="org.service.SeasonService" />
    </create>
  </allow>
</dwr>


最後看一下網頁的程式


<head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  <script type='text/javascript' src='dwr/interface/Season.js'/>
    <script type='text/javascript' src='dwr/engine.js'/>
    <script type='text/javascript' src='dwr/util.js'/>
    <script type="text/javascript">
         function onLoad(){
               Season.getSeason(addOption);
         }
         function addOption(list){
               DWRUtil.removeAllOptions("opts");
               DWRUtil.addOptions("opts", list);
         }
    </script>
</head>
     <body onload="onLoad();">
     選項: <select id="opts"></select>
    
</body>





沒有留言:

張貼留言