当前位置: 代码迷 >> Web前端 >> DWR中addOptions的使用
  详细解决方案

DWR中addOptions的使用

热度:137   发布时间:2012-11-22 00:16:41.0
DWR中addOptions的应用
      addOptions()不但可以填充成select的形式,还可以填充成<ul>,<ol>的形式。以前一直都用来填充<select>今天有点空余时间,做了个填充<ul>,<ol>的小例子。下面进入正题。贴出代码。
在jsp页面中(jsp页面的头部分没有给出):
<script type='text/javascript' src='<%= request.getContextPath() %>/dwr/engine.js'></script>
<script type='text/javascript' src='<%= request.getContextPath() %>/dwr/util.js'></script>
<script type='text/javascript' src='<%= request.getContextPath() %>/dwr/interface/myTest.js'></script>
<script type="text/javascript">
function creatUl(){
myTest.testList(1,callBack);
}

function callBack(data){
DWRUtil.removeAllOptions("Logul");
DWRUtil.removeAllOptions("Loguol");
DWRUtil.addOptions("Logul",data);
DWRUtil.addOptions("Loguol",data);

}

</script>
</head>
<body>
<input type="button" value="生成ul和ol" onclick="creatUl();"/>
<input type="button" value="生成table"/>
<table>
<tbody id="tb">
</tbody>
</table>
<ul id="Logul" type="square"></ul>
<ol id="Loguol" type="disc"></ol>
</body>

      addOptions(),不但可以象这样DWRUtil.addOptions("id",data)用,而且还可以象这样用,DWRUtil.addOptions("Charlog",messages,"text")其中messages是一个包含bean的List,text是bean中的一个属性.即用一个bean的属性来填充<ul>,<ol>.
o了。
   java代码:
   public class TestSeAction extends ActionSupport {
    @SuppressWarnings("unchecked")
    public List testList(int t) {
        List list = new ArrayList();
        for (int i = 0; i < t * 10; i++) {
            list.add(String.valueOf(i));
        }
        return list;
    }

dwl.xml中的配置就不给出来了哈。
  相关解决方案