使用easyUI datagrid制作了一个数据表格,通过点击按钮触发弹出页面对数据表格中的选中行进行数据修改,弹出页是在div里面定义一个href指向另外一个页面,在这个弹出页上有一个form表单,我需要将在数据表格中选中的内容自动填充到form表单上,但是不管我用什么方法,都无法使form表单在第一次加载的时候显示出选中的数据,后面几次是可以正常显示的。
各位大神请指教!!!
使用easyUI datagrid制作了一个数据表格,通过点击按钮触发弹出页面对数据表格中的选中行进行数据修改,弹出页是在div里面定义一个href指向另外一个页面,在这个弹出页上有一个form表单,我需要将在数据表格中选中的内容自动填充到form表单上,但是不管我用什么方法,都无法使form表单在第一次加载的时候显示出选中的数据,后面几次是可以正常显示的。
各位大神请指教!!!
引用来自“冷川”的评论
你把代码贴出来看看,可能是因为DOM还没有加载完毕,js就先执行了填充。data-options="
width:400,
height:160,
closed:true,
modal:true,
minimizable:false,
maximizable:false,
closable:true,
openAnimation:'slide',
closeAnimation:'fade',
href:'${ctx }/Address/listPage?view=Address/update'">
<div>
</div>
function AddressListUpdateTxtFn() {
var Selected = $("#AddressList").datagrid('getSelected');
if (Selected) {
$("#AddressModifyWindow").form('load', Selected);
$("#AddressUpdateDialog").window('open');
} else {
$.messager.alert('消息提示', '请选择一条记录');
}
}
第一次时,AddressUpdateDialog中的url还没加载,form还没生成。先$("#AddressUpdateDialog").window('open'); 再$("#AddressModifyWindow").form('load', Selected);试试。或者在网页加载完成后。把AddressModifyWindow加载下:
$(functioni(){
$("#AddressUpdateDialog").window({closed:true});//加载但不显示
});