Jquery mobile 无法在对话框中检索数据

我正在寻找一些帮助，以便将数据从一个页面传输到另一个页面。在我的主页中，我通过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

---

非常感谢您的帮助。

请查看此感谢@Aravin，它有助于创建listview。我也在寻找将数据从一个页面传输到对话框的帮助。有什么想法吗？这是jsfiddle。忽略结果。我还没有把整个代码。太长了。感谢您的时间。jsFIDLE是这样的您可以像上面一样创建您的小提琴检查这个@Aravin，这个例子对我不起作用，因为我的对话框是一个外部文件，而不是同一文件中的页面角色。谢谢