How to add directive to widget serviceportal

[sam1212]

Hi All,

I am trying my hands on serviceportal and new to angularjs.

I saw a video explaining how to include dependencies in widget. But it is not working.

So i am trying to pull data from table and display it and trying to do pagination using 3rd party "Pagination Directive"(angularUtils/src/directives/pagination at master · michaelbromley/angularUtils · GitHub ) . I have added the JS file under the dependency but not able to use it .

Can someone help on this. or let me know,do   i need to do any other steps.

working code

<table class="rwd-table" style="background-color: white;">

                              <div class="searchResult" >

                                      <tr ng-repeat="task in c.data.tasks">

                                              <td>{{task.number}}</td>

                                              <td>{{task.short_description}}</td>

                                              <tr>

                              </div>

                                      </table>

Added dependency

But when i tried the pagination it didnot .

<table class="rwd-table" style="background-color: white;">

                              <div class="searchResult" >

                                      <tr dir-paginate="task in c.data.tasks" | itemsPerPage:5>

                                              <td>{{task.number}}</td>

                                              <td>{{task.short_description}}</td>

                                              <tr>

                              </div>

  </table>

Do i need to add anything in client script .

Client script:

function($scope) {

      var c = this;      

      c.display = function() {                                              

              c.server.update().then(function(data) {              

              })              

      }

      c.display();

}

Any help is appreciated.

[larstange]

Hi

Im using the same feature and its working fine - here are some screenshots of my setup - maybe you can spot the difference

Widget Dependency record:

Related JS Include

UI Script

Calling the pagination in the widget

Result

[balarangasamy]

Hi Lars,

Can you please share the Client Controller and Server scripts for this example?

Thanks

[wycarol]

any css or html needed to add?

[Karthik A S]

Hi Lars,

Could you please help on adding the paginate directive to "simple list" widget?