问题描述

Jsp创建dialog，打开dialog之后才执行datagrid的url?

Jsp页面单击创建一个dialog面板。打开面板之后执行datagrid的url，查询数据。我现在把datagrid表格直接写到dialog里面，已进入jsp页面就直接执行datagri的url地址。请问怎样让datagrid的url在打开dialog面板之后执行datagrid的url地址？

解决方案

不要配置dialog中table（datagrid）样式，用js来初始化datagrid

    <div id="dd" class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;"
         data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
        <table  title="Basic DataGrid" style="width:700px;height:250px"
               data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get'" id="dg">
            <thead>
                <tr>
                    <th data-options="field:'itemid',width:80">Item ID</th>
                    <th data-options="field:'productid',width:100">Product</th>
                    <th data-options="field:'listprice',width:80,align:'right'">List Price</th>
                </tr>
            </thead>
        </table>
    </div>
    <script>
        var dgLoaded = false;
        function openDialog() {
            $('#dd').dialog('open');
            if (!dgLoaded) {
                $('#dg').datagrid();
                dgLoaded = true;
            }

        }
    </script>
    <input type="button" onclick="openDialog()" value="Open Dialog" />