用表单提交重新加载struts jqGrid

时间:2019-07-11 15:32:06

标签: java jquery struts struts2-jquery

我有一个struts2 jgrid,希望能够使用表单提交按钮来刷新信息。我一直在尝试遵循此问题(SO帖子)[dynamic data reload to struts2 jquery grid on form submit],但对于为什么我的过程无法按预期运行感到有些困惑。操作updateRPJson返回json类型作为响应,并且gridmodel具有工作所需的所有getter / setter和属性。

在第一次加载包含此网格的网页时,将调用action方法并正确检索信息。我希望窗体内的“刷新”按钮将信息从窗体发送到操作类,然后用收到的响应重新填充网格。我以为刷新按钮将发布“ reloadMyGrid”主题,然后将强制网格重新加载,从而导致从网格的href调用操作。我添加了console.log语句来确定正在调用的内容和未调用的内容,并在动作类内部添加了断点以查看何时调用它。

我发现单击刷新按钮后,控制台会收到“ Test2”,指示reloadMyGrid已“发布”(我认为这不是正确的术语),但是从未调用我的动作类。控制台中缺少“测试”表示表格本身也没有提交。

如果我要将表单按钮改回<sj:submit/>,并将表单onSubmit更改为action=updateRPJson,则页面将正确的信息显示为纯json(而不是在网格)。这使我相信,应该在单击按钮后调用该动作,这将起作用,并且与动作本身无关。

我意识到这是一个冗长而具体的案例问题,但是如果您不完全理解我上面链接的帖子,那么对于使用表单提交按钮更新struts jqgrid的过程的任何见解都将受到赞赏。我假设。

标签:

<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags" %>

表格:

<s:form id="getRPInstance" name="getRPInstance"  onSubmit="return reloadGrid();" >
    <div class="type-text" align="center" style="width:50%;text-align:right;float:left">
                <s:select
                   name="location"
                   id="location"
                   list="#{'unit':'Unit', 'acceptance':'Acceptance', 'integration':'Integration','production':'Production'}"
                   value="%{#session.location}"
                   required="true"/>
                <s:select
                    name="realm"
                    id="realm"
                    list="#{'int':'Internal', 'ext':'External', 'cld':'Cloud' }"
                    value = "%{#session.realm}"
                    required = "true"/>
                <div id="buttonDiv" class="type-button" align="center">
                    <sj:a button="true" onClickTopics="reloadMyGrid">Refresh</sj:a>
                </div>
    </div>
</s:form>

脚本:


    <script>

    $.subscribe('reloadMyGrid',function()
    {
        console.log("Test2");
        $( '#gridError' ).html( "" );
    });

    function reloadGrid() {
         console.log("Test");
         $('#gridtable').trigger('reloadMyGrid');
         return false;
     }
    </script>

网格:


    <s:url var="remoteurl" action="updateRPJson"/>
    <sjg:grid
        id="gridtable"
        caption="Reverse Proxy"
        dataType="json"
        href="%{remoteurl}"
        pager="true"
        gridModel="proxies"
        rowList="10,15,20,50"
        rowNum="20"
        rownumbers="true"
        reloadTopics="reloadMyGrid"
        formIds="getRPInstance"
        height="600"
        width="650"
        loadonce="true"
    >
        <sjg:gridColumn name="name" index="name" title="Name" key="true" hidden="true" sortable="false"/>
        <sjg:gridColumn name="label" index="label" title="Label" sortable="true"/>
    </sjg:grid>

1 个答案:

答案 0 :(得分:0)

我已经弄清楚了,问题出在struts网格本身之内。通过将loadonce设置为false可以解决此问题。