jquery网格通过ajax动态加载

Question

要在典型页面中使用 jquery 网格

gridePage.html

，我需要一些 HTML 和 JavaScript 代码

 $("#gridtable").jqGrid('setGridParam', {
        data:  [
            {'type': 'aType', 
             'area': 'anArea'}]
    }).trigger("reloadGrid");

现在考虑我有一个

main.html

页面，它通过 ajax 调用加载

gridePage.html

并将其放入 div 中。

<div id="content"></div>

$.ajax({
        url : "/gridePage.html",         
        success : function(data) { //the data is all the content in gridePage.html
            $('#content').html(data);
        }
    });

gridePage.html

(

$("#gridtable").jq...

) 中的 JavaScript 代码不再起作用。

如果我更改

gridePage.html

并将 JavaScript 包装在

setTimeout

中，它将起作用，因为它会延迟

$("#gridtable").jq...

的执行

如你所见，我已将

("#gridtable").jq...

添加到 ajax

success

或（也尝试了

complete

），但仍然不起作用。

我看到一个主题如何在Ajax加载的内容上绑定事件？似乎有同样的问题，但我不知道如何将它与网格一起使用

Answer 1

试试这个

$('#content').load("/gridePage.html", function() {
  $(this).jqGrid('setGridParam', {
    data: [{
      'type': 'aType',
      'area': 'anArea'
    }]
  }).trigger("reloadGrid");
});