10

我有以下用于填充 jqGrid 的 jQuery 代码。在第一次单击按钮时，它可以完美地发布到我的 ASP.NET MVC 页面。我的
问题是，在单击按钮时，第一次之后的任何其他点击似乎都会通过 jquery 代码运行，但它从未进入 POST 页面。任何想法为什么？

<script type="text/javascript">

        $(document).ready(function() {
            $('#btnSubmit').click(function() {

                /* Refreshes the grid */
                $("#list").jqGrid({
                    /* The controller action to get the grid data from */
                    url: '/CRA/AddPart',
                    data: { partNumber: "123"},
                    datatype: 'json',
                    mtype: 'GET',
                    /* Define the headers on the grid */
                    colNames: ['col1', 'col2', 'col3', 'col4'],
                    /* Define what fields the row columns come from */
                    colModel: [
                  { name: 'col1', index: 'invid', width: 290 },
                  { name: 'col2', index: 'invdate', width: 290 },
                  { name: 'col3', index: 'amount', width: 290, align: 'right' },
                  { name: 'col4', index: 'tax', width: 290, align: 'right'}],
                    height: 'auto',
                    rowNum: 10,
                    rowList: [10, 20, 30],
                    sortname: 'id',
                    sortorder: "desc",
                    viewrecords: true,
                    imgpath: '../../Scripts/jgrid/themes/steel/images',
                    caption: 'Core Return Authorization Contents:',
                    cellEdit: true
                });
            });
        });

    </script>
4

3 回答 3

21

网格未重新加载的原因是您调用了错误的方法。jqGrid 方法大致执行以下操作：

  1. 检查表格以查看它是否已经是网格；如果是，退出。
  2. 将表格变成网格。
  3. 填充第一页数据。

因此，第二次调用该方法时，它什么也不做，如步骤 1 所示。

相反，您应该调用$("#list").trigger("reloadGrid")第二次和所有后续点击。

现在，由于网格选项中的 mtype，网格将执行 GET，而不是 POST。因此，如果 POST 来自按钮本身（换句话说，它是提交类型的输入），您应该返回 true 以指示提交应该照常继续。

于 2009-07-20T20:53:19.590 回答
6

这是解决方案：

<script type="text/javascript">
        var firstClick = true;
        $(document).ready(function() {
            $('#btnSubmit').click(function() {
                 if (!firstClick) {
                     $("#list").trigger("reloadGrid");
                 }
                 firstClick = false;
                /* Refreshes the grid */
                $("#list").jqGrid({
                    /* The controller action to get the grid data from */
                    url: '/CRA/AddPart',
                    data: { partNumber: "123"},
                    datatype: 'json',
                    mtype: 'GET',
                    /* Define the headers on the grid */
                    colNames: ['col1', 'col2', 'col3', 'col4'],
                    /* Define what fields the row columns come from */
                    colModel: [
                  { name: 'col1', index: 'invid', width: 290 },
                  { name: 'col2', index: 'invdate', width: 290 },
                  { name: 'col3', index: 'amount', width: 290, align: 'right' },
                  { name: 'col4', index: 'tax', width: 290, align: 'right'}],
                    height: 'auto',
                    rowNum: 10,
                    rowList: [10, 20, 30],
                    sortname: 'id',
                    sortorder: "desc",
                    viewrecords: true,
                    imgpath: '../../Scripts/jgrid/themes/steel/images',
                    caption: 'Core Return Authorization Contents:',
                    cellEdit: true
                });
            });
        });

    </script>
于 2010-10-08T13:27:23.737 回答
1

因为我需要向我的操作发布新值，所以它不起作用“reloadGrid”。

我只是删除所有内容并再次创建空表。

如果我检查网格是否存在隐藏“空图表”div（它只显示一条消息）。在 else 中，我只是清理表格周围的 div，然后再次在表格中添加。当插件找到空表时，它会再次完全加载网格。

LoadTableData 是具有创建和加载网格的通用功能的函数。

可能这个解决方案并不优雅，但是当时间紧迫时......

$("#btnDownloadsPerFile").click(function () {
            if ($('#chartContainerDownloadsPerFile .ui-jqgrid').length == 0) {
                $('#chartContainerDownloadsPerFile .emptyChart').hide();
            }
            else {
                $('#chartContainerDownloadsPerFile').empty();
                $('#chartContainerDownloadsPerFile').append('<table id="downloadsPerFileGrid"></table>');
            }
            LoadTableData("downloadsPerFileGrid", $('#ddlportalOptionsDownloadsPerFile').val(), "downloadsPerFile", $('#ddlTimeOptionsDownloadsPerFile').val(), $('#ddlTimeValuesDownloadsPerFile').val(), $('#ddlCountries').val());
        });
于 2012-03-26T14:15:12.483 回答