Alfresco dojo/jquery searchable/sortable表

Question

我創建了一個自定義頁面，列出了所有打開的工作流程。我遵循了一個Jeff Potts的教程，這個教程迄今爲止已經得到了我的幫助，但我現在試圖將我的表格變成一張更加動態的表格，但沒有取得任何成功。

小部件的js文件看起來像這樣

define(["dojo/_base/declare", 
    "dijit/_WidgetBase", 
    "alfresco/core/Core", 
    "alfresco/core/CoreXhr", 
    "dojo/dom-construct", 
    "dojo/_base/array", 
    "dijit/_TemplatedMixin", 
    "dojo/text!./templates/AjaxWidget.html", 
    ], 
    function(declare, _Widget, Core, AlfCoreXhr, domConstruct, array, _Templated, template) { 
    return declare([_Widget, Core, AlfCoreXhr, _Templated], { 
     templateString: template, 
     cssRequirements: [{cssFile:"./css/AjaxWidget.css"}], 
     i18nRequirements: [ {i18nFile: "./i18n/AjaxWidget.properties"} ], 

     buildRendering: function example_widgets_AjaxWidget__buildRendering() { 
      this.widgetTitle  = this.message('widgetTitle'); 
      this.columnName  = this.message('columnName'); 
      this.columnDescription = this.message('columnDescription'); 
      this.inherited(arguments); 
     }, 

     postCreate: function example_widgets_AjaxWidget__postCreate() { 
      var url1 = Alfresco.constants.PROXY_URI + "api/people"; 
      this.serviceXhr({url : url1, 
          method: "GET", 
          successCallback: this._getTasksPerUser, 
          callbackScope: this}); 
     }, 


     _getTasksPerUser: function example_widgets_AjaxWidget__getTasksPerUser(response, config) { 
       var parentNode = this.containerNode; 
       var wfUsers = []; 
       array.forEach(response.people, function(person) { 
        wfUsers.push(person.userName); 
       }); 
       for (var wfUser in wfUsers) { 
        var url2 = Alfresco.constants.PROXY_URI + "api/task-instances?authority=" + wfUsers[wfUser]; 
        this.serviceXhr({url : url2, 
           method: "GET", 
           successCallback: this._onSuccessCallback, 
           callbackScope: this}); 
       } 

     }, 



_onSuccessCallback: 
      function example_widgets_AjaxWidget__onSuccessCallback(response, config) { 
       var parentNode = this.containerNode; 
       array.forEach(response.data, function(item) { 
        var row = domConstruct.create("tr", {}, parentNode); 
        domConstruct.create("td", { innerHTML: item.workflowInstance.id }, row); 
        domConstruct.create("td", { innerHTML: item.workflowInstance.message }, row); 
        domConstruct.create("td", { innerHTML: item.state }, row); 
        domConstruct.create("td", { innerHTML: item.properties.bpm_dueDate }, row); 
        domConstruct.create("td", { innerHTML: item.workflowInstance.initiator.firstName + " " + item.workflowInstance.initiator.lastName }, row); 
        domConstruct.create("td", { innerHTML: item.owner.firstName + " " + item.owner.lastName }, row); 
       }); 
     } 
    }); 
}); 

和HTML模板

<div class="ajax-widget"> 
<h1>${widgetTitle}</h1> 
<div class="div1"> 
    <table> 
     <thead> 
      <tr> 
      <th>Workflow ID</th> 
      <th>Description</th> 
      <th>Status</th> 
      <th>Due Date</th> 
      <th>Created By</th> 
      <th>Assigned To</th> 
      </tr> 
     </thead> 
     <tbody data-dojo-attach-point="containerNode"></tbody> 
    </table> 

我已經使用List.js和DataTables.js的jQuery庫嘗試沒有任何成功。想要使用這些庫的原因是它們提供了我需要的功能。是否有一個dojo等價物易於實現？我都是耳朵。

我的第一個問題是這個 - 我使用最有效的方法來實現這個結果嗎？在過去的5年中，Alfresco似乎發生了很大變化，很難知道今天哪些教程/帖子仍然有用。

我已經嘗試使用dojo包添加這些庫，但是當我查看源代碼時，我看不到它們是否可用以及何時在js文件中使用「require []」關鍵字，它似乎並不德效應。

如果我要走正確的軌道，我將如何讓我的表排序和搜索。如果我吠叫錯了樹，請指出我的方向。

感謝 - 所有的建議表示歡迎:-)

Answer 1

，你指的是相對於該被嵌入在Alfresco的4.2 Aikau的版本寫的教程。 Aikau UI框架現已被抽象爲其own project on Github，它運行在其自己的發佈週期，以便您可以在Alfresco發佈（通常每週都有新發布）之間提供修復和功能。

關於啓動並運行Aikau的full tutorial也有a specific chapter排序和列表分頁。

這個blog post描述了Aikau的新版本如何與Share一起使用。如果你遇到任何bug，那麼你可以在GitHub上提出問題，如果你有使用它的問題，然後在StackOverflow中用「Aikau」標記它們，我會看到它們並嘗試回答它們。