ASP.Net 样板和 jTable

Question

我研究了 ASP.Net 样板模板 (http://www.aspnetboilerplate.com/Templates) 并进行了一些自定义更改。 我的服务中有一个“GetComponentDataList()”方法。我玩弄了它并将其呈现为如下所示的列表：

 <!-- Component list    -->
 <ul class="list-group" ng-repeat="component in vm.components">
    <div class="list-group-item">
        <br />
        <span>Entry:</span>
        <span>{{component.entry}}</span>
    </div>
 </ul>

components.js 代码：

vm.refreshComponents = function () {
            abp.ui.setBusy( //Set whole page busy until getComponentDataList complete
               null,
               componentDataService.getComponentDataList( //Call application service method directly from javascript
               ).success(function (data) {
                   vm.components = data.componentData;
               })

           );
        };

现在我想通过 jTable 渲染组件。 jTable 期望一个动作来获取数据列表：

listAction: '/api/services/app/componentData/GetComponentDataList',

如何使用样板模板中的 jTable？

     1. Do I need to add a method in my "HomeController" to use jTable?
     2. The result of my "GetComponentDataList" method in my service is of type IOutputDto.
        That means the result of my service is not directly a list. There is one indirection
        level inbetween. Seems like this does not fit together.
     3. Can I provide a function in my JS-ViewModel and use that function instead of an action URL?

任何提示都会很棒。

谢谢。

Answer 1

我正在开发一个示例项目，以将 ABP 与 jTable 结合使用。我还没有完成它。但是你可以检查一下。 https://github.com/aspnetboilerplate/aspnetboilerplate-samples/tree/master/AbpWithjTable

在所有 ABP 和 jtable 脚本之后将 abp.jtable.js 添加到您的文件 (https://github.com/aspnetboilerplate/aspnetboilerplate-samples/blob/master/AbpWithjTable/AbpjTable.Web/App/Main/libs/abp.jtable.js)。

见示例js：https://github.com/aspnetboilerplate/aspnetboilerplate-samples/blob/master/AbpWithjTable/AbpjTable.Web/App/Main/views/people/people.js

查看示例 C# 应用服务：https://github.com/aspnetboilerplate/aspnetboilerplate-samples/blob/master/AbpWithjTable/AbpjTable.Application/People/PersonAppService.cs