asp.net mvc 2 jqgrid 添加记录答案

【问题标题】：asp.net mvc 2 jqgrid add recordasp.net mvc 2 jqgrid 添加记录
【发布时间】：2011-03-26 12:16:41
【问题描述】：

我正在尝试在 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>

【问题讨论】：

您目前有 0 票。可能您不知道从 15 个声誉点开始，您有权在 stackoverflow.com 上对任何有用的答案或问题进行投票。通过对您自己问题的答案进行投票，here 描述了简单的规则：“当您看到问题的新答案时，请通过单击答案左侧的向上箭头来投票给有帮助的答案”。您已经提出了 30 个问题并收到了许多答案。答案有帮助吗？您可以仔细回答您的旧问题并为有用的问题投票。

标签： jquery jqgrid

【解决方案1】：

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

我想您在 jqGrid 的downloading 期间没有包含“表单编辑”模块或“通用”模块。在您打开您使用的 jquery.jqGrid.min.js 文件中，您可以检查文件开头之后的注释行。您应该在列表中找到以下内容：grid.base.js、grid.common.js 和 grid.formedit.js 在 "Modules: 之后。我建议您也始终包含 "Formatter" 模块。一般规则是：最好也包含太多模块太少了。

小补充说明：你应该很久不要使用deprecated参数imgpath。也可以发出 align: 'left' 或 editable: false 等默认参数。 HTML 代码中的<table> 定义可以简化为<table id="list"></table>。

【讨论】：