<tr>
<td class="rig_duiq" width="30%"><span class="red">*</span>模板名称:</td>
<td class="lef_duiq" width="70%"><input name="indexName" class="mini-textbox" type="text" style="width:260px" value=""/></td>
</tr>
<tr>
<table>
<tr>
<td class="rig_duiq" width="30%"><span class="red">*</span>监控指标组:</td>
<td class="lef_duiq" width="70%">
<input id="quotaGroup" name="quotaGroup" class="mini-combobox" style="width:250px;" textField="text" valueField="id"
onvaluechanged="onDeptChanged" url="${pageContext.request.contextPath}/indexmanagement_quotaGroupAll.do"showNullItem="true"/>
</td>
<table>
<tr>
<TD>
<div id="listboxOne" class="mini-listbox" style="width:150px;height:150px;"
textField="text" valueField="id" showCheckBox="true" multiSelect="true" >
</div>
</TD>
<td>
<input type="button" value=">" οnclick="add()" style="width:40px;"/><br />
<input type="button" value=">>" οnclick="addAll()" style="width:40px;"/><br />
<input type="button" value="<<" οnclick="removeAll()" style="width:40px;"/><br />
<input type="button" value="<" οnclick="removes()" style="width:40px;"/><br />
</td>
<td>
<div id="listboxTwo" class="mini-listbox" style="width:250px;height:150px;"
showCheckBox="true" multiSelect="true" >
<div property="columns">
<div header="ID" field="id"></div>
<div header="指标要素" field="text"></div>
</div>
</div>
</td>
</tr>
</table>
</tr>
</table>
</tr>
function onDeptChanged(e) {
var quotaGroup = mini.get("quotaGroup");
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var id = quotaGroup.getValue();
listboxOne.setValue("");
var items = listboxTwo.getData();
listboxTwo.removeItems(items);
var url = "${pageContext.request.contextPath}/indexmanagement_quotaElementsByIdAdd.do?quotaGroupId="+id;
listboxOne.setUrl(url);
}
function add() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var items = listboxOne.getSelecteds();
listboxOne.removeItems(items);
listboxTwo.addItems(items);
}
function addAll() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var items = listboxOne.getData();
listboxOne.removeItems(items);
listboxTwo.addItems(items);
}
function removes() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var items = listboxTwo.getSelecteds();
listboxTwo.removeItems(items);
listboxOne.addItems(items);
}
function removeAll() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var items = listboxTwo.getData();
listboxTwo.removeItems(items);
listboxOne.addItems(items);
}
function saveData() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var data = listboxTwo.getData();
data["id"];
alert("id-->"+data["id"]);
var json = mini.encode(data);
alert(json);
}
<td class="rig_duiq" width="30%"><span class="red">*</span>模板名称:</td>
<td class="lef_duiq" width="70%"><input name="indexName" class="mini-textbox" type="text" style="width:260px" value=""/></td>
</tr>
<tr>
<table>
<tr>
<td class="rig_duiq" width="30%"><span class="red">*</span>监控指标组:</td>
<td class="lef_duiq" width="70%">
<input id="quotaGroup" name="quotaGroup" class="mini-combobox" style="width:250px;" textField="text" valueField="id"
onvaluechanged="onDeptChanged" url="${pageContext.request.contextPath}/indexmanagement_quotaGroupAll.do"showNullItem="true"/>
</td>
<table>
<tr>
<TD>
<div id="listboxOne" class="mini-listbox" style="width:150px;height:150px;"
textField="text" valueField="id" showCheckBox="true" multiSelect="true" >
</div>
</TD>
<td>
<input type="button" value=">" οnclick="add()" style="width:40px;"/><br />
<input type="button" value=">>" οnclick="addAll()" style="width:40px;"/><br />
<input type="button" value="<<" οnclick="removeAll()" style="width:40px;"/><br />
<input type="button" value="<" οnclick="removes()" style="width:40px;"/><br />
</td>
<td>
<div id="listboxTwo" class="mini-listbox" style="width:250px;height:150px;"
showCheckBox="true" multiSelect="true" >
<div property="columns">
<div header="ID" field="id"></div>
<div header="指标要素" field="text"></div>
</div>
</div>
</td>
</tr>
</table>
</tr>
</table>
</tr>
function onDeptChanged(e) {
var quotaGroup = mini.get("quotaGroup");
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var id = quotaGroup.getValue();
listboxOne.setValue("");
var items = listboxTwo.getData();
listboxTwo.removeItems(items);
var url = "${pageContext.request.contextPath}/indexmanagement_quotaElementsByIdAdd.do?quotaGroupId="+id;
listboxOne.setUrl(url);
}
function add() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var items = listboxOne.getSelecteds();
listboxOne.removeItems(items);
listboxTwo.addItems(items);
}
function addAll() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var items = listboxOne.getData();
listboxOne.removeItems(items);
listboxTwo.addItems(items);
}
function removes() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var items = listboxTwo.getSelecteds();
listboxTwo.removeItems(items);
listboxOne.addItems(items);
}
function removeAll() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var items = listboxTwo.getData();
listboxTwo.removeItems(items);
listboxOne.addItems(items);
}
function saveData() {
var listboxOne = mini.get("listboxOne");
var listboxTwo = mini.get("listboxTwo");
var data = listboxTwo.getData();
data["id"];
alert("id-->"+data["id"]);
var json = mini.encode(data);
alert(json);
}