jqgrid .trigger('reloadGrid');不适用于多个网格

Question

我有一个预填充数据的 jqgrid。单击任何行将发送 4 个 ajax 请求以获取详细信息（加载 4 个 jsp 页面）。 3 页中有新的 jqgrids。

我在第一个网格（jsp 页面）上有一个外部搜索和清除选项。它可以正常工作任何 # 次。但是一旦我用网格获取其他页面，搜索和清除就不起作用了。当然，脚本正在执行，但不是触发器。

我确实看到了一些解决方案，并且已经应用​​了所有但无济于事。

网格 1：

<sjg:grid
    autowidth="true"
    id="assetgridtable"
    caption="List of Assets"
    dataType="json"
    href="%{remoteurl}"
    pager="true"
    navigator="false"
    navigatorSearch="false"
    navigatorAdd="false"
    navigatorEdit="false"
    navigatorDelete="false"
    navigatorView="false"
    navigatorExtraButtons="{
    seperator: { 
            title : 'seperator'  
        }
    }"
    gridModel="gridModel"
    rowList="10,15,20,30,50"
    rowNum="15"
    shrinkToFit="true"
    viewrecords="true"
    onSelectRowTopics="rowselect"
    loadonce="false">

下面是 rowselect 的订阅代码。

$.subscribe('rowselect',
  function(event, data){
    var id = event.originalEvent.id;
    $.ajax(
    {
        type : 'GET',
        url : "displayAsset.action",
        cache : false,
        data :
        {
            "id" : id
        },
        success : function(result)
        {
            $("#dataassetshow").append('<div id="assetshow"></div>');
            $("#assetshow").html(result);
            $("#assetshow").css(
            {
                "text-align" : "center",
            }).show("fast");
        }
    });

我只展示了一个 ajax 调用，同样还有 3 个调用获取其他网格。

现在是搜索代码

 $('#searchAsset').on('submit', function(event)
 {
    $("#assetgridtable").jqGrid('setGridParam',
    {
        type : 'GET',
        url : "listAsset.action",
        page : 1,
        datatype : 'json',
        cache : false,
        gridview : true,
        postData :
        {
            "search" : function()
            {
                return true;
            },
            "searchText" : function()
            {
                return $('#searchText').val();
            },
            "option" : function()
            {
                return $('input[name=option]:checked').val();
            },
            "from" : function()
            {
                return $('#from').val();
            },
            "to" : function()
            {
                return $('#to').val();
            },

        },
    }).trigger('reloadGrid');
    event.preventDefault();
});

如前所述，上面的代码一直运行良好，但是当获取其他网格时，它不会触发重新加载！！！

Answer 1

不要使用trigger('reloadGrid')，最好使用重新加载主题。

<sjg:grid 
...
reloadTopics="reloadMyGrid"
...
/>

之后，您可以像这样在自定义 javascript 代码中触发重新加载：

$.publish("reloadMyGrid");

或者通过点击 sj:a link 这样的链接

<sj:a ... onClickTopics="reloadMyGrid">Link</sj:a>