<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" οnfοcus="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)" οnclick="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" οnclick="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;" οndblclick="addToSelect()" multiple="multiple"></select>
</td>
<td id="usertd2" style="width:160px;">
已选人员(只能选择一人):
<br/>
<select name="a_selectUsers" id="a_selectUsers" οndblclick="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)" οnclick="addToSelect();" style="width:80px">添加</a>
<a class="easyui-linkbutton" data-options="iconCls:'icon-no'" href="javascript:void(0)" οnclick="removeFromSelect();" style="width:80px">移出</a>
<!-- <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" οnclick="addToSelectAll();"style="width:80px">全部添加</a>
<a class="easyui-linkbutton" data-options="iconCls:'icon-reload'" href="javascript:void(0)" οnclick="removeFromSelectAll();" style="width:80px">全部移出</a> -->
<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" οnclick="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>