我正在寻找一些将数据从一个页面传输到另一个页面的帮助。在我的主页面中,我通过AJAX请求加载了bean。我打开一个对话框,我希望bean数据显示在对话框中。在我的主页面中,我有一个代码,其中全局变量包含员工的数据。
var employeesList = empBean.getValue("emplyeesList");
$("#main_dialog").on("tap", function() {
$.mobile.changePage( "emplyees.jsp", {role: "dialog", transition: "slide"} );
return false;
});
In emplyees.jsp file I have this code:
<div id="emp_dialog">
<script type="text/javascript">
$("#emp_dialog").on("pageshow", loader);
loader() {
$('#emp_dialog').data("emplyeesList", employeesList);
var emplyeesList = $("#emp_dialog").data("employeesList");
if (employeesList.isEmpty()) {
$("#emp_header").html("<div class='headerStyle'>No records found</div>");
}
else {
for (var i = 0; i < employeesList.size(); i ++) {
var empBean = employeesList.get(i);
var empNum = empBean.getValue("empNum");
var empName = empBean.getValue("empName");
var empType = empBean.getValue("empTpe");
}
}
}
</script>
<div id="emp_header" data-role="header">
<div class="headerStyle">
<h3></h3>
</div>
</div>
<div data-role="content">
<div ><ul data-role="listview" >
<li> </li>
<li> </li>
<li> </li>
</ul>
<ul data-role="listview" >
<li> </li>
<li> </li>
<li> </li>
</ul>
<ul data-role="listview" >
<li> </li>
<li> </li>
<li> </li>
</ul>
</div>
</div>
<div data-role="footer">Footer</div>
</div>
</body>
</html>
我无法在对话框中检索员工列表。一旦我可以在对话框中获取数据,我想在对话框中将它们显示为Listview。
非常感谢任何帮助。