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

Question

我正在尝试使用 Durandal 将 jqGrid 集成到我的解决方案中，以在网格视图中显示来自 dB 的记录，并具有向网格添加可编辑行的能力。在查看了几个示例后，我开始执行但收到错误“未捕获的错误：无法加载路由模块（viewmodels/jqGridBinding）。详细信息：对象 [object Object] 没有方法 '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

谢谢，