jqGrid与现有的Durandal解决方案集成

Question

我正在尝试将jqGrid集成到我的解决方案中，使用Durandal在网格视图中显示来自dB的记录，并能够向网格中添加可编辑的行。在看了几个示例后，我开始了实现，但得到了一个错误“未捕获错误:无法加载路由模块(viewmodels/jqGridBinding)。详细信息:对象没有方法'jqGrid‘”。

我的视图文件是(jqGridBinding.html)

<section>
    <table id="list2"></table>
    <div id="pager2"></div>
</section>

我的视图模型类是函数定义( jqGridBinding.js () {

jQuery("#list2").jqGrid({
    url: '/api/incidents',
    type: 'GET',
    data: { page: "1", rows: "20" },
    dataType: 'json',
    colNames: ['IncidentId', 'Title', 'Description'],
    colModel: [
        { name: 'Id', index: 'Id', width: 55 },
        { name: 'Title', index: 'Title', width: 90 },
        { name: 'Description', index: 'Description', width: 100 }
    ],
    rowNum: 10,
    rowList: [10, 20, 30],
    pager: '#pager2',
    sortname: 'id',
    viewrecords: true,
    sortorder: "desc",
    caption: "JSON Example"
});`


jQuery("#list2").jqGrid('navGrid', '#pager2', { edit: false, add: false, del: false });

})；

有人能调查一下这个问题并提出任何解决方案吗？感谢您的任何意见。

Answer 1

检查是否在durandal中有有效的jqgrid

http://durandal-playground.azurewebsites.net/#/jqGrid-sample

谢谢,