healkiss/listitems

Allow to use jquery render easily. With a bit php you can use search, filter and pagination. Js is provided in the library

ListItems

WHAT:, _(*1)

Allow to use jquery render easily., _(*2)

(With a bit php you can add search, filter and pagination. Js and html are provided in the library for these purposes.), _(*3)

USE:, _(*4)

If you want the pagination, install http://botmonster.com/jquery-bootpag/#.VBGuVmB_tcY (fixes are included in the files template.js), _(*5)

SETUP:, _(*6)

Add an id, a data-itemtype and a data-url in the main DIV, _(*7)

<div  id="articles-list"
      data-itemtype="article" 
      data-url= "{{ path('get_articles') }}">

Set a data-bind in each block you want dynamic, _(*8)

<div>
    <a data-bind='publisher'>/a>
    <em data-bind='postDate'></em>
</div>

Set a case in Singleton.listItems, _(*9)

case "article":
  this.displayList = this.displayArticles;
  break;

In proto.displayArticles add a directive for each data-bind, _(*10)

postDate: {
    text: function(params) { return this.postDate; },
},
publisher: {
    text: function(params) { return this.publisherName; },
    href: function(params) { return this.publisherPath; },
},

The url need to return a Json(phpArray)., _(*11)

USE :, _(*12)

entity.setTabsClicks(); //if you need tabs
entity.setSelectFilter(); //if you need filters
entity.setCheckboxClicks(); //if you need checkbox
entity.setSearch(); //if you need search bar
entity.list();