监控指标模板的mini-textbox选择然后做级联操作,处罚相应的事件

   <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=">" onclick="add()" style="width:40px;"/><br />
               <input type="button" value=">>" onclick="addAll()" style="width:40px;"/><br />
               <input type="button" value="&lt;&lt;" onclick="removeAll()" style="width:40px;"/><br />
               <input type="button" value="&lt;" onclick="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);
}