Fork me on GitHub

Data Sources

jPList controls can be used with any server side language and database. In this case all the pagination, filtering and sorting logic should be handled by server and database, and jPList behaves as just a UI module.

Groovy / Grails Data Source

JavaScript Settings

There are several javascript options that should be declared to define data source details:

<!-- Example of JavaScript options for PHP server side -->
<script>
$('document').ready(function(){
	$('#demo').jplist({
	
		itemsBox: '.list' 
		,itemPath: '.list-item' 
		,panelPath: '.jplist-panel'
		
		//data source
		,dataSource: {
			
			type: 'server'
			,server: {
			
				//jQuery ajax settings
				ajax:{
				  url: 'server.php'
				  ,dataType: 'html'
				  ,type: 'POST'
				}
            ,serverOkCallback: function(serverData, statuses, ajax, response){
                //server callback in case of success 
            }
            ,serverErrorCallback: function(statuses){
                //server callback in case of fail 
            }
			}
         //render function for json + templates like handlebars, xml + xslt etc.
         ,render: null
		 }
	});
});
</script>