成果库修改
要求主题列表随成果类型改变而改变
网上查询资料后开工在成果类型下拉框添加change()事件触发Dwr查询主题集合——动态创建/编辑Table
概要代码如下
JS
复制代码 代码如下:
//动态获取主题数据
function getzts(){
parentId = document
getElementById("bselect
")
value;
if(parentId!=""){
dwrMethod
getZtList(parentId
callback
);
}else{
//清空主题Table的数据
var t=document
getElementById("zhutiTable"); //获取Table
var length= t
rows
length; //获得Table下的行数
if(length!=
){ //如果有行
则清空
for(var i=length
;i>=
;i
)
{
t
deleteRow(i);
}
}
var r = t
insertRow();
var c = r
insertCell();
c
innerHTML="暂无主题列表";
document
getElementById(
zhutiTable
)
appendChild(t);
}
}
function callback
(provinces){
var t=document
getElementById("zhutiTable"); //获取Table
var length= t
rows
length; //获得Table下的行数
if(length!=
){ //如果有行
则清空
for(var i=length
;i>=
;i
)
{
t
deleteRow(i);
}
}
if(provinces
length>
){
for (var i =
; i < provinces
length; i++) {
//tr
if(i%
==
){
var r = t
insertRow(t
rows
length);//创建新的行
}
//td
var c = r
insertCell(); //创建新的列
c
innerHTML = "<input type=
checkbox
name=
zhutiIds
value="+provinces[i][
]+">"+provinces[i][
];
}
}else{
var r = t
insertRow();
var c = r
insertCell();
c
innerHTML="暂无主题列表";
}
document
getElementById(
zhutiTable
)
appendChild(t);
}
html
复制代码 代码如下:
<tr>
<td class="add_tit">成果类型</td>
<td>
<s:select id="bselect" name="pruType" onchange="getzts();"list="pTypeList" listKey="id" listValue="productionTypeName" headerKey="" headerValue=" 请选择 " />
<label class="note">*</label>
</td>
</tr>
[html]
<tr>
<td class="add_tit">主题</td>
<td id="table" style="paddingleft:px;paddingtop:px;paddingright:px;paddingbottom:px;">
<table id="zhutiTable" border="" cellpadding="" cellspacing="" width=% class="table_table">
<tr>
<td style="color: red;">注:请先选择成果类型</td>
</tr>
</table>
</td>
</tr>
