`

easyUI中 把子页面的值传到父页面

阅读更多
//点击选择按钮,加载跳转到子页面,并加载数据
function choose()
{
openWinW2('<%=basePath %>recall/gotoBatch.xhtml?prodcode='+$("#prodcode").textbox("getValue"),
     "产品批次查询","650px","350px",false,false);
}
子页面的列表

$('#tt').datagrid({
url: '<%=basePath %>recall/queryProdbatchList.xhtml',
queryParams: data_attr,
singleSelect: true,
rownumbers: true,
pagination: true,
pageNumber: 1,
pageSize:10,
columns:[[
{field:'detail_id',title:'产品批次',align:'center',width:100,hidden:'true'},
{field:'prodbatch',title:'产品批次',align:'center',width:100},
{field:'prodname',title:'产品名称',align:'center',width:100},
{field:'custentid',title:'客户企业ID',align:'center',width:100},
{field:'custentname',title:'客户企业名称',align:'center',width:100},
{field:'prodmodel',title:'规格',align:'center',width:100},
{field:'salesamount',title:'产品数量',align:'center',width:100},
{field:'detailid',title:'操作',halign:'center',align:'center',width:100,
           formatter: function (value, rowData, rowIndex) {
           return "<a href='javascript:void(0)' onclick=\"chooseBack('"+rowData.prodbatch+"','"+rowData.custentid+"','"+rowData.custentname+"','"+rowData.prodmodel+"','"+rowData.salesamount+"')\">选择</a>"
           }
           }
]]
});


--传值
function chooseBack(prodbatch,custentid,custentname,prodmodel,salesamount){
window.parent.selectBatch(prodbatch,custentid,custentname,prodmodel,salesamount);
window.parent.closeWin("产品批次查询");

}


--父页面接收

function selectBatch(prodbatch,custentid,custentname,prodmodel,salesamount){
$("#prodbatch").textbox("setValue",prodbatch);
$("#cust_ent_id").val(custentid);
$("#cust_ent_name").textbox("setValue",custentname);
$("#prodmodel").textbox("setValue",prodmodel);
$("#recallamount").textbox("setValue",salesamount);
}
分享到:
评论

相关推荐

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...

    EasyUI登录页面.zip

    综上所述,这个压缩包文件中的"EasyUI登录页面"是一个展示了EasyUI基本特性和应用场景的实际项目。开发者可以从中学习如何结合HTML、CSS和JavaScript,利用EasyUI框架快速构建一个具有专业外观和功能的登录界面。...

    简单的easyui页面

    这个名为"简单的easyui页面"的项目提供了一个简化版的EasyUI页面,非常适合用作前台UI界面,以实现简洁、高效的用户交互体验。 EasyUI的核心特性包括组件丰富、易于使用、响应式布局以及对Bootstrap的兼容性。以下...

    基于EasyUI的登录页面

    在"基于EasyUI的登录页面"中,这些元素都已经被实现,并且采用了EasyUI的样式,保证了界面的一致性和美观性。此外,EasyUI还提供了字段校验功能,例如,确保用户名和密码不能为空,密码长度满足安全要求等,这些都是...

    easyui树 改变联动关系,选择父,同时选择子;子全部取消,父不取消

    子全部取消,父不取消"这个主题涉及到EasyUI树组件的联动特性定制,以及如何使用JSON数据加载树结构。在实际项目中,这样的功能可以提供更加灵活和符合用户预期的操作体验。通过学习和理解这部分内容,开发者可以更好...

    easyui的登录页面

    在本资源中,我们关注的是一个使用 EasyUI 实现的登录页面示例。这个登录页面是许多 web 应用程序的基础部分,它允许用户输入凭据并访问受保护的内容。 首先,EasyUI 登录页面通常包含以下几个核心元素: 1. **...

    easyui中文API

    easyui中文API

    easyui datagrid在编辑状态下更新列的值

    在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地修改列的值,以及确保在编辑结束后,保存的数据反映这些变更。以下将详细介绍这一过程。 首先,EasyUI的...

    easyui iframe 页面重复加载的问题

    首先在页面加载完成事件中,遍历所有的iframe,将src设置为空字符串,然后绑定一个事件监听器到easyui的tab组件上,监听tab的select事件。在该事件中,获取被选中的标签对应的iframe,并为其动态设置正确的src值。 ...

    easyui页面的例子

    通过这个"easyui 页面的例子",你可以学习到如何使用 EasyUI 的各种组件,并将其应用于实际的网页设计中。实践中,结合 HTML、CSS 和 JavaScript 的基本知识,可以灵活地定制和扩展这些组件,以满足不同项目的需求。

    easyui中文API 绝对的中文

    EasyUI 包括了对话框(dialog)、表格(datagrid)、下拉选择框(combobox)、菜单(menu)、树形控件(tree)、面板(panel)等多种常见的网页元素。这些组件都具有高度定制性,能够满足各种复杂的网页设计需求。...

    easyui页面操作

    easyui页面操作.easyui页面操作easyui页面操作.easyui页面操作.easyui页面操作

    EASYUI 页面框架

    EASYUI 页面框架是一款基于JavaScript和CSS的前端开发框架,专为快速构建高效、美观的后台管理界面而设计。它采用简洁的API接口,使得开发者能够轻松实现数据绑定、交互控制以及界面布局等功能,大大降低了网页开发...

    EasyUI 中文API下载无需安装

    EasyUI是一款基于jQuery的前端开发框架,主要用于构建用户界面,尤其在数据管理、表单处理以及页面布局方面表现优秀。其设计目标是简化Web应用程序的开发,让开发者能快速创建美观且功能丰富的交互式界面。这个...

    EasyUI textbox事件,EasyUI textbox input events

    在使用UasyUI的时候,在一般的input输入框上添加class="easyui-textbox"属性,则在该输入框上添加的事件将不起作用,但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理,它是把你原有的...

    jQuery EasyUI 1.25静态后台 页面示例

    在这个"jQuery EasyUI 1.25静态后台 页面示例"中,我们可以关注以下几个关键知识点: 1. **静态页面**:这里的“静态”指的是网页的内容在服务器端不进行动态生成,而是直接返回预设好的HTML文件。这种结构对于开发...

    easyui中文汉化包

    2. **调整配置**:在页面中设置 `$.fn_easyui_lang_url` 为汉化文件的路径,确保框架能够找到并加载汉化资源。 3. **测试验证**:在引入汉化包后,逐一测试 EasyUI 的各个组件,确保所有文本已成功汉化。 4. **更新...

    Jquery EasyUI 页面框架Demo

    Jquery EasyUI 是一个基于jQuery的前端开发框架,它提供了丰富的UI组件,使得开发者能够快速构建出美观且功能齐全的Web应用界面。...记得在实践中不断探索,结合官方文档和示例,将EasyUI的潜力发挥到极致。

    easyUI框架页面实例

    通过这个"easyUI框架页面实例",你可以直接将这些已经设计好的页面导入到你的 Web 项目中,根据需求进行适当的修改和定制。这不仅可以节省大量的开发时间,还可以保证界面的一致性和专业性。只需将 HTML 文件部署到...

    jQuery EasyUI中文手册

    《jQuery EasyUI中文手册》是针对JavaScript库jQuery EasyUI的一款详尽指南,旨在帮助开发者更好地理解和运用这个强大的前端框架。jQuery EasyUI基于jQuery,提供了一系列轻量级、易用的UI组件,使得开发者能够快速...

Global site tag (gtag.js) - Google Analytics