//点击选择按钮,加载跳转到子页面,并加载数据
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中,创建一个弹出窗口...
综上所述,这个压缩包文件中的"EasyUI登录页面"是一个展示了EasyUI基本特性和应用场景的实际项目。开发者可以从中学习如何结合HTML、CSS和JavaScript,利用EasyUI框架快速构建一个具有专业外观和功能的登录界面。...
这个名为"简单的easyui页面"的项目提供了一个简化版的EasyUI页面,非常适合用作前台UI界面,以实现简洁、高效的用户交互体验。 EasyUI的核心特性包括组件丰富、易于使用、响应式布局以及对Bootstrap的兼容性。以下...
在"基于EasyUI的登录页面"中,这些元素都已经被实现,并且采用了EasyUI的样式,保证了界面的一致性和美观性。此外,EasyUI还提供了字段校验功能,例如,确保用户名和密码不能为空,密码长度满足安全要求等,这些都是...
子全部取消,父不取消"这个主题涉及到EasyUI树组件的联动特性定制,以及如何使用JSON数据加载树结构。在实际项目中,这样的功能可以提供更加灵活和符合用户预期的操作体验。通过学习和理解这部分内容,开发者可以更好...
在本资源中,我们关注的是一个使用 EasyUI 实现的登录页面示例。这个登录页面是许多 web 应用程序的基础部分,它允许用户输入凭据并访问受保护的内容。 首先,EasyUI 登录页面通常包含以下几个核心元素: 1. **...
easyui中文API
在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地修改列的值,以及确保在编辑结束后,保存的数据反映这些变更。以下将详细介绍这一过程。 首先,EasyUI的...
首先在页面加载完成事件中,遍历所有的iframe,将src设置为空字符串,然后绑定一个事件监听器到easyui的tab组件上,监听tab的select事件。在该事件中,获取被选中的标签对应的iframe,并为其动态设置正确的src值。 ...
通过这个"easyui 页面的例子",你可以学习到如何使用 EasyUI 的各种组件,并将其应用于实际的网页设计中。实践中,结合 HTML、CSS 和 JavaScript 的基本知识,可以灵活地定制和扩展这些组件,以满足不同项目的需求。
EasyUI 包括了对话框(dialog)、表格(datagrid)、下拉选择框(combobox)、菜单(menu)、树形控件(tree)、面板(panel)等多种常见的网页元素。这些组件都具有高度定制性,能够满足各种复杂的网页设计需求。...
easyui页面操作.easyui页面操作easyui页面操作.easyui页面操作.easyui页面操作
EASYUI 页面框架是一款基于JavaScript和CSS的前端开发框架,专为快速构建高效、美观的后台管理界面而设计。它采用简洁的API接口,使得开发者能够轻松实现数据绑定、交互控制以及界面布局等功能,大大降低了网页开发...
EasyUI是一款基于jQuery的前端开发框架,主要用于构建用户界面,尤其在数据管理、表单处理以及页面布局方面表现优秀。其设计目标是简化Web应用程序的开发,让开发者能快速创建美观且功能丰富的交互式界面。这个...
在使用UasyUI的时候,在一般的input输入框上添加class="easyui-textbox"属性,则在该输入框上添加的事件将不起作用,但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理,它是把你原有的...
在这个"jQuery EasyUI 1.25静态后台 页面示例"中,我们可以关注以下几个关键知识点: 1. **静态页面**:这里的“静态”指的是网页的内容在服务器端不进行动态生成,而是直接返回预设好的HTML文件。这种结构对于开发...
2. **调整配置**:在页面中设置 `$.fn_easyui_lang_url` 为汉化文件的路径,确保框架能够找到并加载汉化资源。 3. **测试验证**:在引入汉化包后,逐一测试 EasyUI 的各个组件,确保所有文本已成功汉化。 4. **更新...
Jquery EasyUI 是一个基于jQuery的前端开发框架,它提供了丰富的UI组件,使得开发者能够快速构建出美观且功能齐全的Web应用界面。...记得在实践中不断探索,结合官方文档和示例,将EasyUI的潜力发挥到极致。
通过这个"easyUI框架页面实例",你可以直接将这些已经设计好的页面导入到你的 Web 项目中,根据需求进行适当的修改和定制。这不仅可以节省大量的开发时间,还可以保证界面的一致性和专业性。只需将 HTML 文件部署到...
《jQuery EasyUI中文手册》是针对JavaScript库jQuery EasyUI的一款详尽指南,旨在帮助开发者更好地理解和运用这个强大的前端框架。jQuery EasyUI基于jQuery,提供了一系列轻量级、易用的UI组件,使得开发者能够快速...