DWR中对元素的操作

<SELECT> 是一个很常用的HtmlUI交互元素,
其中它里面的可选项由<option>元素来决定
在DWR中的DWRUtil包中提供了2个Method专门用于真对
<SELECT>操作,使得<SELECT>可以很容易实现Ajax操作
这2个方法是:
DWRUtil.removeAllOptions(p1);//p1 is select element id
DWRUtil.addOptions(p1, p2);//p1 is select element id,p2 is int or string arrays


举个例子:
页面元素
<checkBox id="bigselect" onclick="update()" ></checkBox>
 <SELECT id="numlist"></SELECT>
 
function update()
{
    Demo.getNumbers(createList, $("bigselect").checked);
}

//回调函数
function createList(data)
{
    DWRUtil.removeAllOptions("numlist");
    DWRUtil.addOptions("numlist", data);
}

 

Demo.java中编写:
public int[] getNumbers(boolean big)
{
    if (big)
    {
        return new int[] { 1000, 2000, 3000, 4000 };
    }
    else
    {
        return new int[] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
    }
}

这样就可以很简单的替换原<SELECT>中的元素

 

 

 

你可能感兴趣的:(html,Ajax,function,String,DWR,Arrays)