jqgrid showLink不工作

Question

我有格式化工作日期和数字。由于某种原因，我的链接格式化程序仅中途中断。所有我在电网得到的是这样的链接：如果不被使用的baseLinkUrl设置（或包含）在URL

?id=1 

。

这里是我的JavaScript：

$(function() { 
    $("#d5d02a55-ba5e-46f2-a64a-05fd7870b273_list") 
     .jqGrid({ 
     url: '/jqgrid2/getDataJson', 
     datatype: 'json', 
     mtype: 'GET', 
     colNames: ['Inv No', 'Date', 'Amount', 'Tax', 'Total', 'Notes'], 
     colModel: [{ 
       "name": "invid", 
       "index": "invid", 
       "width": 55, 
       "formatter": "showlink", 
       "formatteroptions": { 
        "baseLinkUrl": "jsp/samplePage.jsp", 
        "target": "_blank", 
        "idName": "invid" 
       } 
      }, { 
       "name": "invdate", 
       "index": "invdate", 
       "width": 90, 
       "formatter": "date", 
       "formatteroptions": { 
        "srcformat": "yyyy-MM-dd", 
        "newformat": "MM/dd/yyyy" 
       } 
      }, { 
       "name": "amount", 
       "index": "amount", 
       "width": 80, 
       "align": "RIGHT", 
       "formatter": "number", 
       "formatteroptions": { 
        "decimalPlaces": 2 
       } 
      }, { 
       "name": "tax", 
       "index": "tax", 
       "width": 80, 
       "align": "RIGHT", 
       "formatter": "number", 
       "formatteroptions": { 
        "decimalPlaces": 2 
       } 
      }, { 
       "name": "total", 
       "index": "total", 
       "width": 80, 
       "align": "RIGHT", 
       "formatter": "number", 
       "formatteroptions": { 
        "decimalPlaces": 2 
       } 
      }, { 
       "name": "note", 
       "index": "note", 
       "width": 150, 
       "sortable": false 
      } 
     ], 
     pager: '#d5d02a55-ba5e-46f2-a64a-05fd7870b273_pager', 
     rowNum: 5, 
     rowList: [5, 10, 25, 50], 
     sortname: 'invid', 
     sortorder: 'asc', 
     viewrecords: true, 
     multiselect: false, 
     gridview: true, 
     caption: '', 
     height: 'auto', 
     jsonReader: { 
      root: 'data', 
      page: 'currentPage', 
      total: 'totalPages', 
      records: 'totalRecords', 
      repeatitems: false, 
      id: 'id' 
     } 
    }); 
}); 

而且我的数据：

{ "currentPage" : "1", 
    "data" : [ { "amount" : 1000.0, 
     "invdate" : "2013-04-01 00:00:00", 
     "invid" : 1, 
     "note" : "No notes", 
     "tax" : 60.0, 
     "total" : 1060.0 
     }, 
     { "amount" : 200.0, 
     "invdate" : "2013-04-02 00:00:00", 
     "invid" : 2, 
     "note" : "", 
     "tax" : 12.0, 
     "total" : 212.0 
     }, 
     { "amount" : 500.0, 
     "invdate" : "2013-04-03 00:00:00", 
     "invid" : 3, 
     "note" : "", 
     "tax" : 30.0, 
     "total" : 530.0 
     }, 
     { "amount" : 400.0, 
     "invdate" : "2013-04-03 00:00:00", 
     "invid" : 4, 
     "note" : "Some notes", 
     "tax" : 24.0, 
     "total" : 424.0 
     }, 
     { "amount" : 200.0, 
     "invdate" : "2013-04-04 00:00:00", 
     "invid" : 5, 
     "note" : "", 
     "tax" : 12.0, 
     "total" : 2012.0 
     } 
    ], 
    "limitRows" : "5", 
    "totalPages" : "3", 
    "totalRows" : "11" 
} 

Answer 1

返回服务器不包含"id"属性的数据。如果invid列在网格发挥id的角色，你首先应该在jsonReader改变id: 'id'到id: 'invid'和秒（一般这是一种选择，但我建议同时使用）来key: true属性添加到invid列的定义。

下一个重要问题：您使用formatteroptions而不是formatoptions。所以你使用的大部分设置现在都会被忽略。

还有一个问题：对formatoptions的formatter: "date"使用了错误的值。您需要以PHP格式提供jqGrid数据，而不是像here所描述的更常用的数据。如果您打开grid.locale-en.js（请参阅here），您会发现一些使用日期的示例和一些可能对您有用的链接。