0

我有一个预先填充了数据的 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();
});

如前所述,上面的代码一直都可以正常工作,但是当获取其他网格时,它不会触发重新加载!!!

4

1 回答 1

1

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

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

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

$.publish("reloadMyGrid");

或点击 sj:a 链接

<sj:a ... onClickTopics="reloadMyGrid">Link</sj:a>
于 2015-06-04T12:46:34.593 回答