easyui-window弹窗选择

来源：互联网发布：百度 webuploader php 编辑：程序博客网时间：2024/06/05 14:30

<span style="font-family:Microsoft YaHei;font-size:14px;">默认已经引入相应easyui js文件。</span>

<span style="font-family:Microsoft YaHei;font-size:14px;">父页面：</span>

<span style="font-family:Microsoft YaHei;font-size:14px;"><tr><th class="require">* 分类管理员：</th><td><div id="win" class="easyui-window" title="选择二级管理员" </span>

<span style="font-family:Microsoft YaHei;font-size:14px;">      href="${ctx}/fsdp/jsp/component/managerchoose.jsp" style="width:600px;height:400px"        data-options="modal:true,closed:true,iconCls:'icon-save',resizable:false"></div><input type="text" id="manager" name="manager" onfocus="createProduct();" value="${questiontype.manager }"/><input type="hidden" id="managerid" name="managerid"/><script>function createProduct(){        $('#win').window('open');//打开这个窗口（就是</span><span style="font-family: 'Microsoft YaHei';"><span style="font-size:14px;">managerchoose</span></span><span style="font-family:Microsoft YaHei;font-size:14px;">.jsp）}</script></td></span>

<span style="font-family:Microsoft YaHei;font-size:14px;"><tr></span>

<span style="font-family:Microsoft YaHei;font-size:14px;">调用页面：</span>

<span style="font-size:14px;"></span><pre name="code" class="javascript"><span style="font-family:KaiTi_GB2312;"><body><div align="right" style="width: 98%" class="easyui-layout"> <div id="divadd" style="display:block;"> <div >  <div> <table width="100%" cellspacing="0" >  <tr>                    <td>    <div>       <div>              姓名或工号：<input type="text" style=" width: 120px;" id="queryuserid" name ="queryuserid" />        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:void(0)" onclick="getUser();" style="width:80px">查询</a>        <span id="prompt" name="prompt" style="color: red;visibility:hidden">无用户</span>    </div></div></td>  </tr>           </table><table width="100%" cellspacing="0" >  <tr>                           <th width="40%">                                              <div style="width: 100%; height: 280px;overflow: auto; overflow-x:hidden; text-align: left;">           <div region="west" style="padding: 4px;width: 200px;"  border="false" ><fsdp:tree id="tt" url="${ctx }/finedo/organization/queryOrgTree" onclick="clickTree"></fsdp:tree></div>        </div>                           </th>                 <td id="usertd1" style="width:170px;">          人员（双击可选择）：    <br/>            <select name="a_Users" id="a_Users" style="width:100%; height:280px;" ondblclick="addToSelect()" multiple="multiple"></select></td><td  id="usertd2" style="width:160px;">              已选人员(只能选择一人)：    <br/>    <select name="a_selectUsers" id="a_selectUsers" ondblclick="removeFromSelect();" style="width:100%; height:280px;" ></select></td>  </tr>   <tr style="height: 10px;"></tr>  <tr>                     <td class="nobg" colspan="3" align="center" style="text-align:center;">         <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="addToSelect();" style="width:80px">添加</a>         <a class="easyui-linkbutton" data-options="iconCls:'icon-no'" href="javascript:void(0)"  onclick="removeFromSelect();" style="width:80px">移出</a>         <!--  <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="addToSelectAll();"style="width:80px">全部添加</a>        <a class="easyui-linkbutton" data-options="iconCls:'icon-reload'" href="javascript:void(0)"  onclick="removeFromSelectAll();" style="width:80px">全部移出</a> --><a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="selectOK();" style="width:80px">确定</a> </td>  </tr>           </table></div></div></div>         <script type="text/javascript">function clickTree(){var node = $('#tt').tree('getSelected');if (node){var s = node.id;$("#orgid").val(s);doSearch(s);}}function doSearch(orgids){  document.getElementById("prompt").style.visibility="hidden";$.getJSON("${ctx }/finedo/chooseuser/queryUserAll?orgid="+orgids,callback);} function callback(data){$("#a_Users").empty();if(data.resultcode=='SUCCESS'){if(data.object.length > 0){for(var i = 0;i<data.object.length;i++){//alert(data.object[i].usercode);var userid = data.object[i].usercode;//var username = data.object[i].username+"("+data.object[i].usercode+")";var username = data.object[i].username;$("#a_Users").append("<option value='"+userid+"'>"+username+"</option>"); }}else{document.getElementById("prompt").style.visibility="visible";//显示}}else{document.getElementById("prompt").style.visibility="visible";//显示}}function addToSelect(){    //  getAllselect('a_Users');  removeFromSelect();$("#a_selectUsers").append("<option value='"+$("#a_Users  option:selected").val()+"'>"+$("#a_Users  option:selected").text()+"</option>"); }      function removeFromSelect(){    var selOpt = $("#a_selectUsers option:selected");      selOpt.remove();      }            function removeFromSelectAll(){       $("#a_selectUsers").empty();    }            function addToSelectAll(){     $("#a_selectUsers").empty();    for(var i=0;i<$("#a_Users option").length;i++){    $("#a_selectUsers").append("<option value='"+$("#a_Users").get(0).options[i].value+"'>"+$("#a_Users").get(0).options[i].text+"</option>");    }        }            function getUser(){    document.getElementById("prompt").style.visibility="hidden";    var userid  = $('#queryuserid').val();    //alert(userid);    $.getJSON("${ctx }/finedo/chooseuser/query?usercode="+encodeURI(userid),callback);    }        function selectOK() {    var username="",userid="";    for(var i=0;i<$("#a_selectUsers option").length;i++){    userid=$("#a_selectUsers").get(0).options[0].value;    username=$("#a_selectUsers").get(0).options[0].text;   }        $("#manager").val(username);    $("#managerid").val(userid);        $('#win').window('close');    }      </script>     </div> </body></span>

最后效果

<span style="font-family:Microsoft YaHei;font-size:14px;"></span>

0 0