javascript - 将行添加到 jqGrid 中，无需重新加载页面

Question

我有一个带有“本地”源(数组)的 jqGrid。

我添加了一个按钮来使用以下代码添加行:

这是按钮代码:

$("#btnAddCategory").button().click(function(event) {
    var newRowId = $.jgrid.randId("new");
    $("#tableCategories").addRowData(newRowId, {
        nome : "prova",
        squadre : 16,
        minutaggio : 40
    }, "last");
});

这是包含按钮定义的 HTML:

<form id="frmTCstepCategorie">
    <fieldset class="ui-widget ui-widget-content">
        <legend class="ui-widget">
            Categorie
        </legend>
        <table id="tableCategories">
            <tr>
                <td></td>
            </tr>
        </table>
        <div style="margin-top: 10px" class="categoriesNav">
            <button id="btnAddCategory">
                Aggiungi
            </button>
            <button id="btnDelCategory">
                Rimuovi
            </button>
        </div>
    </fieldset>
</form>

它可以工作，但是插入后，页面会重新加载。

如何在不重新加载页面的情况下添加行？

Answer 1

可能您的按钮是提交按钮或添加行后导致页面重新加载的某些代码。

尝试像这样设置按钮的类型

type="button" 

或添加

return false;

在按钮点击处理程序的末尾。