父页面:
<!-- 为接收子页面的参数做准备 -->
<input type="hidden" id="hidden_company_id" value=""/>
<input type="text" id="company_name" name="company_name" value="" readonly="readonly">
<i class="fa fa-search fa-lg" style="margin-left:-30px;" οnclick="searchCompany();"></i>
function searchCompany(){
layer.open({
type: 2,
title: '公司信息',
skin:"layui-layer-lan",
shadeClose: false,
shade: 0.5,
area: ['400px','277px'],
content: ['/sbd/jsp/userManager/searchCompany.jsp'],
//关闭弹框后事件
end: function () {
}
});
}
子页面:easyUI
<script type="text/javascript">
//按钮点击事件
$("#button_search").click(function(){
//获取keyword
var keyword = $("#keyword").val();
$('#dg').datagrid({
layer和easyUI结合显示弹窗
最新推荐文章于 2023-07-11 03:08:30 发布
本文展示了如何在父页面中通过layer打开一个包含easyUI组件的子页面进行公司信息搜索。当用户在子页面点击搜索按钮时,利用easyUI的数据网格加载数据,并在选择一行数据后,将选中的公司ID和名称回填到父页面的隐藏输入框和只读文本框中,实现了父子页面间的数据传递。
摘要由CSDN通过智能技术生成