1. 程式人生 > >easyUI的iframe子頁面獲取父頁面元素和給父頁面元素賦值

easyUI的iframe子頁面獲取父頁面元素和給父頁面元素賦值

iframe子頁面獲取父頁面物件

<script type="text/javascript">

        function callback() {
 
         self.parent.$('#AdPicUrl').val();
     
        }  

</script> 

easyUI的iframe子頁面給父頁面物件賦值

self.parent.$("#AdPicUrl").textbox('setValue','醫療資訊管理系統開發');

附錄:

①給input控制元件 class="easyui-textbox"

<input class="easyui-textbox" data-options="required:true" type="text" id="RelCompanyName" name="RelCompanyName" style="width: 300px;" />
$("#RelCompanyName").attr('resize','140px');//設定寬度
$("#RelCompanyName").attr('readonly',false);//設定可讀
$("#RelCompanyName").attr('readonly',true);//設定只讀 
var val = $("#RelCompanyName").textbox('getValue')//取值
$("#RelCompanyName").textbox('setValue','小丑公司')//賦值

②給select 控制元件 下拉框賦值
<select data-options="required:true" id="ShopType" name="ShopType" style="width: 200px;">
$('#ShopType').combobox('setValue', 2);//賦值
var v = $('#ShopType').combobox('getValue');//取值 id

var text_v = $('#ShopType').combobox('getText');//取值text

③給input控制元件 class="easyui-numberbox"


<input class="easyui-numberbox" maxlength="20" id="Age" name="Age" />
$('#Age').numberbox('setValue', 206.12);//賦值
var v = $('#Age').numberbox('getValue');//取值

④給input控制元件 class="easyui-datebox"
<input type="text" name="date" id="date" class="easyui-datebox" data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />
$("#date").datebox('setValue', '2014-9-12');//賦值
$('#date').datebox('getValue');//取值

⑤給input控制元件 class="easyui-numberspinner" 
<input id="ss" class="easyui-numberspinner" style="width:80px;" required="required" data-options="min:10,max:100,editable:false">
$('#ss').numberspinner('setValue', 8234725);//賦值
var v = $('#ss').numberspinner('getValue');//取值

⑥單選按鈕Radio <td height="30" colspan="5">
<input type="radio" name="APPLYDEPTTYPE" value="事業法人" checked="checked" />事業法人
<input type="radio" name="APPLYDEPTTYPE" value="企業法人" />企業法人
<input type="radio" name="APPLYDEPTTYPE" value="社團法人" />社團法人
<input type="radio" name="APPLYDEPTTYPE" value="其他" />其他
</td>
//賦值
var str = result.APPLYDEPTTYPE;
$("[value='" + str + "']").attr("checked", true);
//取值
$('input[name="APPLYDEPTTYPE"]:checked').val()

⑦多選框checkbox
<td height="60" colspan="5">&nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="水" />水 &nbsp&nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="空氣" />空氣 &nbsp&nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="土壤" />土壤</br>&nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="噪聲" />噪聲 &nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="生物" />生物
</td>
賦值:
var str3 = result.BUSINESSSCOPE;
if (str3 != null) {
var strs = new Array();
strs = str3.split(",");
for (i = 0; i < strs.length; i++)
{ $("[value='" + strs[i] + "']").attr("checked", true) };
}
取值:
var isc = "";
$("input[name='BUSINESSSCOPE']:checked").each(function () { //遍歷table裡的全部checkbox
isc += $(this).val() + ","; //獲取被選中的值
});

if (isc.length > 0) //如果獲取到
isc = isc.substring(0, isc.length - 1); //把最後一個逗號去掉
string isc就是值