[Dev] [UUF] Pagination support in UUF
Hi, How is the pagination supported by UUF? Is there any recommended lib for that? Appreciate your ideas. Thanks Sudharma -- Sudharma Subasinghe, Software Engineer, WSO2 Inc. Email: sudhar...@wso2.com Mobile : +94 710 565 157 <%2B94%20718%20210%20200> ___ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] [UUF] Pagination support in UUF
Hi Sudharma, [+ looping in Thusitha] If this is for a table, you can use datatable library[1]. There is a sample where this has been in used in [2] as well. But in this case, we have to bind all the rows(data) to the table upon onRequest method to the HTML table. The datatable library will provide the client side pagination(no http requests sent for pagination). Datatables also provide server side pagination as well, i.e when next page is clicked, it will send a HTTP request to get the rest of the data. But I am not aware on how to do server side pagination along with UUF. [1] - https://datatables.net/ [2] - http://wso2-dev-ux.github.io/theme-wso2/layout.html (See "Data Table Template" title). Regards, Hemika Hemika Kodikara Software Engineer WSO2 Inc. lean . enterprise . middleware http://wso2.com Mobile : +9477762 On Tue, Jun 21, 2016 at 12:18 PM, Sudharma Subasinghe wrote: > Hi, > > How is the pagination supported by UUF? Is there any recommended lib for > that? > > Appreciate your ideas. > > Thanks > Sudharma > > -- > Sudharma Subasinghe, > Software Engineer, > WSO2 Inc. > Email: sudhar...@wso2.com > Mobile : +94 710 565 157 <%2B94%20718%20210%20200> > > ___ > Dev mailing list > Dev@wso2.org > http://wso2.org/cgi-bin/mailman/listinfo/dev > > ___ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] [UUF] Pagination support in UUF
I need server side pagination for my requirements. On Tue, Jun 21, 2016 at 12:28 PM, Hemika Kodikara wrote: > Hi Sudharma, > > [+ looping in Thusitha] > > If this is for a table, you can use datatable library[1]. There is a > sample where this has been in used in [2] as well. But in this case, we > have to bind all the rows(data) to the table upon onRequest method to the > HTML table. The datatable library will provide the client side > pagination(no http requests sent for pagination). Datatables also provide > server side pagination as well, i.e when next page is clicked, it will send > a HTTP request to get the rest of the data. > > But I am not aware on how to do server side pagination along with UUF. > > [1] - https://datatables.net/ > [2] - http://wso2-dev-ux.github.io/theme-wso2/layout.html (See "Data > Table Template" title). > > Regards, > Hemika > > > Hemika Kodikara > Software Engineer > WSO2 Inc. > lean . enterprise . middleware > http://wso2.com > > Mobile : +9477762 > > On Tue, Jun 21, 2016 at 12:18 PM, Sudharma Subasinghe > wrote: > >> Hi, >> >> How is the pagination supported by UUF? Is there any recommended lib for >> that? >> >> Appreciate your ideas. >> >> Thanks >> Sudharma >> >> -- >> Sudharma Subasinghe, >> Software Engineer, >> WSO2 Inc. >> Email: sudhar...@wso2.com >> Mobile : +94 710 565 157 <%2B94%20718%20210%20200> >> >> ___ >> Dev mailing list >> Dev@wso2.org >> http://wso2.org/cgi-bin/mailman/listinfo/dev >> >> > -- Sudharma Subasinghe, Software Engineer, WSO2 Inc. Email: sudhar...@wso2.com Mobile : +94 710 565 157 <%2B94%20718%20210%20200> ___ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] [UUF] Pagination support in UUF
Hi Sudharma,
I need server side pagination for my requirements.
I am not clear about the exact requirement. Pagination can be achieved
with following options;
[1]. Full page refresh with path params
First option is that you can pass path parameters. For example;
https://techcrunch.com/page/2/, https://techcrunch.com/page/3/.
+org.wso2.sample.app
|pages
`--articles
|-{id}.hbs
`-{id}.js
function onRequest(env) {
return {"articles": getArticles(env.pathParams['id'])};
}
[2]. Fragments rendering
via AJAX
I think you can use fragments rendering feature for this. The idea is that
inaddtion to the pages, fragments are accessible through the following api;
http://localhost:9090/pets-store/fragments/devices
?offset=1&limit=10
You can use AJAX call to the above api and update relavant "div" on the
page.
This api call will look for a fragment in your application's fragments
folder. Your query parameters "offset" and "limit" will be mapped as params
for the fragment. You can also resuse the same fragment also in your pages.
*device.hbs*
===
{{#each devices}}
Name : {{name}}
Type : {{type}}
{{/each}}
*devices.js*
*==*
function onRequest(env) {
var devices;
if (env.queryParams && (env.queryParams.offset && env.queryParams.limit)) {
devices = getDevices(env.queryParams.offset, env.queryParams.limit);
} else {
devices = getDevices(0, 0);
}
return {"devices": devices}
}
function getDevices(offset, limit) {
var result = [{name: "device1", type: "android"}, {name:
"device2", type: "windows"}];
if (limit == 0) {
//no pagination
return result;
} else if (offset + limit <= result.size()) {
//valid pagination
result = result.slice(offset, limit);
} else {
//invalid pagination
result = [];
}
return result;
}
Thanks,
Rasika
On Tue, Jun 21, 2016 at 3:53 PM, Sudharma Subasinghe
wrote:
> I need server side pagination for my requirements.
>
> On Tue, Jun 21, 2016 at 12:28 PM, Hemika Kodikara wrote:
>
>> Hi Sudharma,
>>
>> [+ looping in Thusitha]
>>
>> If this is for a table, you can use datatable library[1]. There is a
>> sample where this has been in used in [2] as well. But in this case, we
>> have to bind all the rows(data) to the table upon onRequest method to the
>> HTML table. The datatable library will provide the client side
>> pagination(no http requests sent for pagination). Datatables also provide
>> server side pagination as well, i.e when next page is clicked, it will send
>> a HTTP request to get the rest of the data.
>>
>> But I am not aware on how to do server side pagination along with UUF.
>>
>> [1] - https://datatables.net/
>> [2] - http://wso2-dev-ux.github.io/theme-wso2/layout.html (See "Data
>> Table Template" title).
>>
>> Regards,
>> Hemika
>>
>>
>> Hemika Kodikara
>> Software Engineer
>> WSO2 Inc.
>> lean . enterprise . middleware
>> http://wso2.com
>>
>> Mobile : +9477762
>>
>> On Tue, Jun 21, 2016 at 12:18 PM, Sudharma Subasinghe > > wrote:
>>
>>> Hi,
>>>
>>> How is the pagination supported by UUF? Is there any recommended lib for
>>> that?
>>>
>>> Appreciate your ideas.
>>>
>>> Thanks
>>> Sudharma
>>>
>>> --
>>> Sudharma Subasinghe,
>>> Software Engineer,
>>> WSO2 Inc.
>>> Email: sudhar...@wso2.com
>>> Mobile : +94 710 565 157 <%2B94%20718%20210%20200>
>>>
>>> ___
>>> Dev mailing list
>>> Dev@wso2.org
>>> http://wso2.org/cgi-bin/mailman/listinfo/dev
>>>
>>>
>>
>
>
> --
> Sudharma Subasinghe,
> Software Engineer,
> WSO2 Inc.
> Email: sudhar...@wso2.com
> Mobile : +94 710 565 157 <%2B94%20718%20210%20200>
>
--
With Regards,
*Rasika Perera*
Software Engineer
M: +94 71 680 9060 E: rasi...@wso2.com
LinkedIn: http://lk.linkedin.com/in/rasika90
WSO2 Inc. www.wso2.com
lean.enterprise.middleware
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] [UUF] Pagination support in UUF
Hi Rasika,
There is a table which shows process details in bpmn-explorer. When loading
process details to table, it does not load all the process data set at once
as there can be a huge nu. of data set in database by calling the osgi
service. Hence it shows 10 processes for one page of table. It is required
to use the pagination to show all the data.
So each pagination requires the osgi service call to load process details.
On Tue, Jun 21, 2016 at 7:42 PM, Rasika Perera wrote:
> Hi Sudharma,
>
> I need server side pagination for my requirements.
>
> I am not clear about the exact requirement. Pagination can be achieved
> with following options;
>
> [1]. Full page refresh with path params
>
> First option is that you can pass path parameters. For example;
> https://techcrunch.com/page/2/, https://techcrunch.com/page/3/.
>
> +org.wso2.sample.app
>
> |pages
>
> `--articles
>
> |-{id}.hbs
>
> `-{id}.js
>
> function onRequest(env) {
> return {"articles": getArticles(env.pathParams['id'])};
> }
>
> [2]. Fragments rendering
>
> via AJAX
>
> I think you can use fragments rendering feature for this. The idea is
> that inaddtion to the pages, fragments are accessible through the following
> api;
>
> http://localhost:9090/pets-store/fragments/devices
> ?offset=1&limit=10
>
>
> You can use AJAX call to the above api and update relavant "div" on the
> page.
>
> This api call will look for a fragment in your application's fragments
> folder. Your query parameters "offset" and "limit" will be mapped as params
> for the fragment. You can also resuse the same fragment also in your pages.
>
> *device.hbs*
> ===
>
>
>
> {{#each devices}}
>
> Name : {{name}}
> Type : {{type}}
>
> {{/each}}
>
>
>
>
> *devices.js*
> *==*
> function onRequest(env) {
>
> var devices;
> if (env.queryParams && (env.queryParams.offset && env.queryParams.limit))
> {
> devices = getDevices(env.queryParams.offset, env.queryParams.limit);
> } else {
> devices = getDevices(0, 0);
> }
>
> return {"devices": devices}
> }
>
> function getDevices(offset, limit) {
> var result = [{name: "device1", type: "android"}, {name: "device2", type:
> "windows"}];
> if (limit == 0) {
> //no pagination
> return result;
> } else if (offset + limit <= result.size()) {
> //valid pagination
> result = result.slice(offset, limit);
> } else {
> //invalid pagination
> result = [];
> }
> return result;
> }
>
> Thanks,
> Rasika
>
>
> On Tue, Jun 21, 2016 at 3:53 PM, Sudharma Subasinghe
> wrote:
>
>> I need server side pagination for my requirements.
>>
>> On Tue, Jun 21, 2016 at 12:28 PM, Hemika Kodikara
>> wrote:
>>
>>> Hi Sudharma,
>>>
>>> [+ looping in Thusitha]
>>>
>>> If this is for a table, you can use datatable library[1]. There is a
>>> sample where this has been in used in [2] as well. But in this case, we
>>> have to bind all the rows(data) to the table upon onRequest method to the
>>> HTML table. The datatable library will provide the client side
>>> pagination(no http requests sent for pagination). Datatables also provide
>>> server side pagination as well, i.e when next page is clicked, it will send
>>> a HTTP request to get the rest of the data.
>>>
>>> But I am not aware on how to do server side pagination along with UUF.
>>>
>>> [1] - https://datatables.net/
>>> [2] - http://wso2-dev-ux.github.io/theme-wso2/layout.html (See "Data
>>> Table Template" title).
>>>
>>> Regards,
>>> Hemika
>>>
>>>
>>> Hemika Kodikara
>>> Software Engineer
>>> WSO2 Inc.
>>> lean . enterprise . middleware
>>> http://wso2.com
>>>
>>> Mobile : +9477762
>>>
>>> On Tue, Jun 21, 2016 at 12:18 PM, Sudharma Subasinghe <
>>> sudhar...@wso2.com> wrote:
>>>
Hi,
How is the pagination supported by UUF? Is there any recommended lib
for that?
Appreciate your ideas.
Thanks
Sudharma
--
Sudharma Subasinghe,
Software Engineer,
WSO2 Inc.
Email: sudhar...@wso2.com
Mobile : +94 710 565 157 <%2B94%20718%20210%20200>
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev
>>>
>>
>>
>> --
>> Sudharma Subasinghe,
>> Software Engineer,
>> WSO2 Inc.
>> Email: sudhar...@wso2.com
>> Mobile : +94 710 565 157 <%2B94%20718%20210%20200>
>>
>
>
>
> --
> With Regards,
>
> *Rasika Perera*
> Software Engineer
> M: +94 71 680 9060 E: rasi...@wso2.com
> LinkedIn: http://lk.linkedin.com/in/rasika90
>
> WSO2 Inc. www.wso2.com
> lean.enterprise.middleware
>
--
Sudharma Subasinghe,
Software Engineer,
WSO2 Inc.
Email: sudhar...@wso2.com
Mobile : +94 710 565 157 <%2B94%20718%20210%20200>
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-
