未捕获的TypeError:无法读取属性' rowactions'在格式化程序的jqGrid中未定义:' action'

时间:2015-10-14 11:02:01

标签: jqgrid jqgrid-asp.net jqgrid-formatter free-jqgrid

我正在使用 jqGrid V 4.6.0。并尝试使用内联编辑/删除功能实现网格。我使用了格式化程序:&#39; actions&#39;为了实现这一点,并在每一行中编辑/删除图标。但是当我点击这些图标时,我在控制台中收到以下错误:未捕获的TypeError:无法读取属性&#39; rowactions&#39;未定义并且没有任何事情发生在grid.same代码和我之前用 jqGrid V4.4.4 实现的相同示例中它运行良好,但在 V4.6.0 < / strong>我收到了这个错误。请有人帮助我。提前谢谢:)

参考代码:   jQuery的(&#34;#theGrid&#34)。的jqGrid({

    url: '/Student/Grid',
    datatype: "json",
    colNames: ['Id', 'Firstname', 'Middlename', 'Lastname', 'Birthdate', 'Birthplace', 'State', 'Nationality', 'Religion', 'Ishandicaped ?', 'Actions'],
    colModel: [
        { key: true, name: 'Id', sortable: true, resize: true, align: "center" },
        { key: false, name: 'FirstName', index: 'FirstName', editable: true, align: "center", editrules: { required: true } },
        { key: false, name: 'MiddleName', index: 'MiddleName', editable: true, align: "center", editrules: { required: true } },
        { key: false, name: 'LastName', index: 'LastName', editable: true, align: "center", editrules: { required: true } },
        {
            key: false, name: 'Birthdate', index: 'Birthdate', editable: true, align: "center", editrules: { required: true }, formatter: 'date', editoptions: {
                dataInit: function (el) {
                    setTimeout(function () {
                        $(el).datepicker({
                            dateFormat: "dd-M-yy",
                            autoSize: true,
                            changeYear: true,
                            changeMonth: true,
                            showButtonPanel: true,
                            showWeek: true
                        });
                    }, 200);
                }
            }
        },
        { key: false, name: 'Birthplace', index: 'Birthplace', editable: true, align: "center", editrules: { required: true } },
        { key: false, name: 'State', index: 'State', editable: true, align: "center", edittype: "select", editoptions: { value: "GJ:Gujarat;MH:Maharashtra;DL:Delhi;BNG:Banglore;RJ:Rajasthan" }, editrules: { required: true } },
        { key: false, name: 'Nationality', index: 'Nationality', editable: true, align: "center", editrules: { required: true } },
        { key: false, name: 'Religion', index: 'Religion', editable: true, align: "center", editrules: { required: true } },
        {
            key: false, name: 'IsHandicaped', index: 'IsHandicaped', editable: true, align: "center", edittype: "checkbox", editoptions: { value: "True:False" }, formatter: Demo1
        },
        {
            key: false,
            name: 'Actions',
            index: 'tax',
            width: 80,
            align: "center",
            formatter: 'actions',
            formatoptions: {

                delOptions: { url: '/Student/Delete' }
            }
        }
    ],
    rowNum: 10,
    rownumbers: true,
    autowidth: true,
    rowList: [5, 10, 20],
    pager: '#gridPager',
    viewrecords: true,
    sortorder: "desc",
    reloadAfterSubmit: true,
    altclass: 'table table-bordered table-striped',
    jsonReader: {
        repeatitems: false
    },
    caption:'Studentdata JqGrid V4.4.4',
    editurl: '/Student/Edit',
    mtype: "post",
    height: '100%',
    hiddengrid: false,

    serializeRowData: function (postData) {
        debugger;
        // new row id is "new_row"
        postData.Id == "jqg1" ? postData.oper = "add" : postData.oper = "add";
           return postData;
    },
        afterSubmit: function (response, postdata) {
            if (response.responseText == "") {
                $(this).jqGrid('setGridParam',
                { datatype: 'json' }).trigger('reloadGrid'); //Reloads the grid after Add
                return [true, ''];
            } else {
                $(this).jqGrid('setGridParam',
                { datatype: 'json' }).trigger('reloadGrid'); //Reloads the grid after Add
                return [false, response.responseText];
            }
        }
    }




});

0 个答案:

没有答案