webwork doubleselect 级联 处理

来源:互联网 发布:淘宝特产店名大全 编辑:程序博客网 时间:2024/06/06 03:53

项目: appfuse webwork1.8.2

 实现的时候,参照http://loohost.com/thread-2396-1-1.html 进行开发,实现了级联功能

实例:

 <ww:doubleselect label="getText('wapcontent.provider.name')"
   name="'wapcontentname'" list="providernames" listKey="top" 
   doubleList="mobilemodelmap.get(top)"
   doubleName="'mobilemodeltype'"
   >
   </ww:doubleselect>  

 

其中的name和doublrName 在action里,将作为对应的mapkey值,而listKey 会成为'wapcontentname'对应的值

至于关联的第二个对象的value值,将在自动构建的脚本中获得.

对应的界面自动生成的脚本如下":

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en">
<head>
<divid="content">
<h1>Wapcontents</h1>
<form name="wapcontent"id="wapcontent"action="/NWapAdmin/find.html"method="post"onsubmit="return(wapcontent_validate())">
<tableclass="detail">
 <table>
   <tr>
<th>
</th>
<td><tr>
</th>
<td>
<select name="wapcontentname" onchange="wapcontentnameRedirect(this.options.selectedIndex)"
>
<option value="aa">aa</option>
<option value="bb">bb</option>
<option value="OPPO">OPPO</option>
<option value="万">万</option>
<option value="友">友</option>
<option value="侨">侨</option>
</select>
<br/>
<select name="mobilemodeltype">
</select>

<script type="text/javascript">
<!--
var wapcontentnameGroup=new Array(6+0)
for(i=0;i<(6+0);i++)
wapcontentnameGroup[i]=new Array()
wapcontentnameGroup[0][0]=new Option("bbki8","bbki8");
wapcontentnameGroup[0][1]=new Option("i308","i308");
wapcontentnameGroup[0][2]=new Option("389","389");
wapcontentnameGroup[0][3]=new Option("388","388");
wapcontentnameGroup[0][4]=new Option("k19","k19")
wapcontentnameGroup[1][0]=new Option("h797","h797")
wapcontentnameGroup[1][1]=new Option("m957","m957")
wapcontentnameGroup[1][2]=new Option("m950","m950")
wapcontentnameGroup[1][3]=new Option("mtk25","mtk25")
wapcontentnameGroup[1][4]=new Option("h787","h787")
wapcontentnameGroup[1][5]=new Option("m787","m787")
wapcontentnameGroup[3][0]=new Option("mz60","mz60")
wapcontentnameGroup[3][1]=new Option("
mg609","
mg609")
wapcontentnameGroup[3][2]=new Option("mt199","mt199")
wapcontentnameGroup[4][0]=new Option("28","28")
wapcontentnameGroup[5][0]=new Option("mtk6226","mtk6226")
wapcontentnameGroup[5][1]=new Option("8998","8998")
wapcontentnameGroup[5][2]=new Option("cu115","cu115")
var wapcontentnameTemp=document.wapcontent.mobilemodeltype

wapcontentnameRedirect(0)
function wapcontentnameRedirect(x){

var wapcontentnameTemp=document.wapcontent.mobilemodeltype
//alert(wapcontentnameTemp);
for(m=wapcontentnameTemp.options.length-1;m>=0;m--)
wapcontentnameTemp.options[m]=null
//alert('eeeee');

alert(wapcontentnameGroup[x].length);
for(i=0;i<wapcontentnameGroup[x].length;i++){
wapcontentnameTemp.options[i]=new Option(wapcontentnameGroup[x][i].text,wapcontentnameGroup[x][i].value)
}

if(wapcontentnameTemp.options.length>0)
wapcontentnameTemp.options[0].selected=true
wapcontentnameTemp.refesh();
alert('eeeee');
}
//-->
</script>
  <td class="buttonBar">
  <input type="submit"class="button"name="find"
    value="查询"/>

<script type="text/javascript">
function wapcontent_validate(){
var form=document.forms['wapcontent'];
var focus=wapcontent_validate_actual();
if(focus!=null){
form.elements[focus].focus();
if(form.elements[focus].type=='text'||form.elements[focus].type=='textarea'){
form.elements[focus].select();
}
return false;
}else{
return true;
}
}

function wapcontent_validate_actual(){
var form=document.forms['wapcontent'];
//cannotfindanyapplicablevalidators
return null;
}
</script>


</body>
</html>

原创粉丝点击