Question

我正在尝试显示“添加新记录”＃39;在jqgrid中显示，但它没有显示？

  <script type="text/javascript">
    jQuery(document).ready(function () {

        $("#addBtn").click(function () {
            $("#list").jqGrid('editGridRow', "new", { height: 280, reloadAfterSubmit: false });
        });


      var lastsel;
      $("#list").jqGrid({
          url: '/Home/DynamicGridData/',
          datatype: 'json',
          mtype: 'GET',
          colNames: ['IdNr', 'Id', 'FirstName', 'LastName'],
          colModel: [
      { name: 'IdNr', index: 'IdNr', width: 40, align: 'left',
          editable: true, editrules: { edithidden: true }, hidden: true
      },
      { name: 'Id', index: 'Id', width: 40, align: 'left',
          editable: false
      },
      { name: 'FirstName', index: 'FirstName', width: 200, align: 'left', editable: true, edittype: 'text', editoptions: { size: 20, maxlength: 30} },
      { name: 'LastName', index: 'LastName', width: 300, align: 'left', editable: true, edittype: 'text', editoptions: { size: 20, maxlength: 30}}],
          onSelectRow: function (id) {
              if (id && id !== lastsel) {
                  jQuery('#list').restoreRow(lastsel);
                  jQuery('#list').editRow(id, true);
                  jQuery("#grid_id").editGridRow(id, options); 
                    lastsel = id;
              }
          },
          editurl: "/Home/GridSave",
          pager: jQuery('#pager'),
          rowNum: 10,
          rowList: [5, 10, 20, 50],
          sortname: 'Id',
          sortorder: "desc",
          viewrecords: true,
          imgpath: '/content/themes/steel/images',
          caption: 'Employees'
      });



  });



</script>  


<table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>

Answer 1

如何查看here您在一般工作中发布的代码。

我想你在jqGrid的downloading期间没有包含“Form Edit”模块或“Common”模块。在你打开你使用的jquery.jqGrid.min.js文件时，你可以检查文件开头后的注释行。您应该在列表中找到以下内容：{{1>}，grid.base.js和grid.common.js“模块：之后。我建议您始终包含”Formatter“模块。规则是：更好的包括太多模块太少。

小的附加说明：您不应该使用很长时间deprecated参数grid.formedit.js。还可以发出默认参数，例如imgpath或align: 'left'。 HTML代码中的editable: false定义可以缩减为<table>。

asp.net mvc 2 jqgrid添加记录

1 个答案: