easyUI 子页面调用父页面元素id的取法

1.需求说明：在打开的子页面中调用父页面中的元素，并将在子页面中的选取的值赋值给父页面中的input输入框。
2.方法说明：
2.1 赋值给easyUI文本框：

$("#id").textbox("setValue",xxx);

PS：easyUI**不支持**document.getElementById("id").textbox("setValue",xxx)；
2.2 调转至子页面：

window.showModalDialog(sURL,vArguments,sFeatures);

sURL：必选参数，类型：字符串。用来指定子页面的URL。
vArguments：可选参数，类型：变体。用来向子页面传递参数。传递的参数类型不限，包括数组等。对话框通过 window.dialogArguments来取得传递进来的参数。
sFeatures：可选参数，类型：字符串。用来描述子页面的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
常用参数有：
- dialogHeight: 对话框高度，不小于100px
- dialogWidth: 对话框宽度。
- dialogLeft: 离屏幕左的距离。
- dialogTop: 离屏幕上的距离。
- center: { yes | no | 1 | 0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
- help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
- resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。
- status: {yes | no | 1 | 0 } [IE5+]： 是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
- scroll: { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
2.3 父子页面传值
有很多种方法，只写几种常用的
- 1.用一个变量来获取子页面传过来的参数。
- 父页面：
- var ret=showModalDialog("url",window,"dialogHeight=600px;dialogWidth=400px");
- 子页面：
- window.returnValue = xxx;//用xxx变量来接受想要传回的参数，这样ret即等于xxx。父子页面传值结束。
-
- 2. 直接在子页面中调用父页面中的元素、id之类的
- 父页面：
- < input id="bbb" type="text" value="Hello"/>
- js部分：
- `showModalDialog(“‘url’+?bbb=”+bbb,window,”dialogHeight=300px;dialogWidth=400px”);//将bbb值传给子页面
-
- 子页面：
- window.dialogArguments.document.getElementById(“${bbb}”).value=”xxxxx”;
-
- 3.待补^_^
-
3.具体代码：
父页面：
js部分：

//跳转至所属部门树
        var deptbudget_basedata_width = 500;
        var deptbudget_basedata_height = 400;
        function departscelet(){    
                var objId = "tempfileDepartment";
                var objName = "tempfileDepartmentName";
                var URLStr = scriptroot+"/archive/archivefolder/archiveFolder!orgtree.action?objId="+objId+"&objName="+objName+"&moduletype=pige";
                var sty="dialogWidth:"+deptbudget_basedata_width+"px;dialogHeight:"+deptbudget_basedata_height+"px;status:no";
                showModalDialog(URLStr, window, sty);
                //console.log(objId+"--------"+objName);
        }

html部分：

<div class="kp kp_perc50 clearfix">
            <div class="kLeft w84"><i>*</i>所属部门：</div>
            <input id="tempfileDepartment" name="model.tempfileDepartment" type="hidden" value="${model.tempfileDepartment}">
            <div class="kRight marginl92">
                <div class="w254">
                    <input class="easyui-textbox" type="text" id="tempfileDepartmentName" name="tempfileDepartmentName" 
                        readonly="readonly" value="${tempfileDepartmentName}">
                </div>
                <div class="kRight_r kRight_r_depar lh34">
                    <a href="#" class="wbttnC wlookbttn" name="gorscelet" onclick="departscelet()" value="选 择">选择</a>
                </div>
            </div>
        </div>

子页面：

window.dialogArguments.document.getElementById("${objId}").value=checkid;
                        //window.dialogArguments.document.getElementById("${objName}").textbox("setValue","22");
                        window.dialogArguments.$("#${objName}").textbox("setValue",checkvalue);