通过符号左右移动数据easyui

来源:互联网 发布:wiffi转网络接口 编辑:程序博客网 时间:2024/06/06 02:29
<!-- 关联客户窗口 -->
<div modal="true" class="easyui-window"title="关联客户窗口" id="customerWindow"collapsible="false" closed="true"minimizable="false" maximizable="false"style="top:20px;left:200px;width:400px;height:300px;">
   <divstyle="overflow:auto;padding:5px;"border="false">
      <formid="customerForm" action="../../fixedAreaAction_assignCustomers2FixedArea.action"method="post">
         <tableclass="table-edit" width="80%"align="center">

            <trclass="title">
               <tdcolspan="3">关联客户</td>
            </tr>
            <tr>
               <td>
                  <inputtype="hidden" name="id"id="customerFixedAreaId" />
                  <selectid="noassociationSelect" multiple="multiple"size="10">
                  </select>
               </td>
               <td>
                  <inputtype="button" value="》》"id="toRight">
                  <br/>
                  <inputtype="button" value="《《"id="toLeft">
                  <scripttype="text/javascript">
                     $(function(){
                        //为上面两个按钮绑定事件,实现左右移动客户数据效果
                        $("#toRight").click(function(){
                           $("#associationSelect").append($("#noassociationSelectoption:selected"));
                        });
                        $("#toLeft").click(function(){
                           $("#noassociationSelect").append($("#associationSelectoption:selected"));
                        });
                       
                        $("#associationBtn").click(function(){
                           //获取当前选中的定区id
                           //获得数据表格所有选中的行
                           varrows =$("#grid").datagrid("getSelections");
                           varid = rows[0].id;
                           $("#customerFixedAreaId").val(id);
                           //提交表单之前需要选中所有的关联客户option
                           $("#associationSelectoption").attr("selected","selected");
                           $("#customerForm").submit();
                        });
                     });
                  </script>
               </td>
               <td>
                  <selectid="associationSelect" name="customerIds"multiple="multiple" size="10"></select>
               </td>
            </tr>
            <tr>
               <tdcolspan="3"><aid="associationBtn" href="#"class="easyui-linkbutton" data-options="iconCls:'icon-save'">关联客户</a> </td>
            </tr>
         </table>
      </form>
   </div>
</div>
原创粉丝点击