Tribune

Home » Liferay Portal » English » 3. Development

Vista Combinata Vista Piatta Vista ad Albero
Discussioni [ Precedente | Successivo ]
toggle
Guru k
Sorting Table in Custom Portlet
7 aprile 2012 5.05
Risposta

Guru k

Punteggio: Junior Member

Messaggi: 64

Data di Iscrizione: 7 febbraio 2012

Messaggi recenti

Hi,

I am trying to sort the table in my custom portlet by its column values in ascending and descending order.

Can anyone advice how to achieve it.

Thanks
Guru
Hitesh Methani
RE: Sorting Table in Custom Portlet
7 aprile 2012 5.15
Risposta

Hitesh Methani

Punteggio: Regular Member

Messaggi: 163

Data di Iscrizione: 24 giugno 2010

Messaggi recenti

Hi Guru,

You can user dynamic query's OrderFactoryUtil for sorting, you can refer DynamicQuery API.
For default ordering you can also set defalut order in order by tag in service.xml.

Thanks and Regards,
Hitesh Methani.
Guru k
RE: Sorting Table in Custom Portlet
7 aprile 2012 5.43
Risposta

Guru k

Punteggio: Junior Member

Messaggi: 64

Data di Iscrizione: 7 febbraio 2012

Messaggi recenti

Hi Hitesh,

Thanks for the reply. I am trying to sort a html table which has aui datepickers and its values are stored in preference.

Thanks
Guru
Hitoshi Ozawa
RE: Sorting Table in Custom Portlet
7 aprile 2012 5.52
Risposta

Hitoshi Ozawa

Punteggio: Liferay Legend

Messaggi: 7990

Data di Iscrizione: 23 marzo 2010

Messaggi recenti

I am trying to sort a html table which has aui datepickers and its values are stored in preference.


I'm not sure what you're question is. Do you want to allow users to just sort values displayed on html page? Or do you want to sort values stored in preference?
Guru k
RE: Sorting Table in Custom Portlet
7 aprile 2012 6.49
Risposta

Guru k

Punteggio: Junior Member

Messaggi: 64

Data di Iscrizione: 7 febbraio 2012

Messaggi recenti

Hi Hitoshi,

Sorry for not being clear. I want to allow users to sort values displayed on html table in my custom portlet.

Thanks
Hitoshi Ozawa
RE: Sorting Table in Custom Portlet
7 aprile 2012 7.15
Risposta

Hitoshi Ozawa

Punteggio: Liferay Legend

Messaggi: 7990

Data di Iscrizione: 23 marzo 2010

Messaggi recenti

You can use <display:table ...> with <display:column title='Name' sortable="true" sortProperty="name"> to allow users to sort on column "Name"
Guru k
RE: Sorting Table in Custom Portlet
7 aprile 2012 21.31
Risposta

Guru k

Punteggio: Junior Member

Messaggi: 64

Data di Iscrizione: 7 febbraio 2012

Messaggi recenti

Hitoshi Ozawa:
You can use <display:table ...> with <display:column title='Name' sortable="true" sortProperty="name"> to allow users to sort on column "Name"



Thanks for the reply... but i want to sort a static html table, i am not populating the table from datasource.
Pankaj Kathiriya
RE: Sorting Table in Custom Portlet
8 aprile 2012 3.01
Risposta

Pankaj Kathiriya

Punteggio: Liferay Master

Messaggi: 520

Data di Iscrizione: 4 agosto 2010

Messaggi recenti

Hi Guru,

In that case, See if you can use jQuery Plugin TableSorter.
Guru k
RE: Sorting Table in Custom Portlet
8 aprile 2012 21.41
Risposta

Guru k

Punteggio: Junior Member

Messaggi: 64

Data di Iscrizione: 7 febbraio 2012

Messaggi recenti

Hi Pankaj,

Thanks for the reply and the sorting works with jQuery.

But can we use jQuery to sort a table with textbox value...

Thanks
Guru
Guru k
RE: Sorting Table in Custom Portlet
8 aprile 2012 22.40
Risposta

Guru k

Punteggio: Junior Member

Messaggi: 64

Data di Iscrizione: 7 febbraio 2012

Messaggi recenti

Thanks for the help guys... got it done add parser to tablesorter.
 1
 2                <script type="text/javascript">
 3                        $(document).ready(function() {
 4                            $.tablesorter.addParser({
 5                                id: 'coltwo',
 6                                is: function(s) {
 7                                    return false;
 8                                },
 9                                format: function(s, table, cell) {
10                                    return $('input', cell).val();
11                                },
12                                type: 'numeric'
13                            });
14                            $(".tablesorter").tablesorter({
15                                headers: {
16                                    1: {
17                                        sorter:'coltwo'
18                                    }
19                                }
20                            });
21                        });
22                </script>
Roshan Qureshi
RE: Sorting Table in Custom Portlet
9 aprile 2012 0.58
Risposta

Roshan Qureshi

Punteggio: Regular Member

Messaggi: 140

Data di Iscrizione: 24 agosto 2010

Messaggi recenti

Thanks for sharing.
You can use jquery:ui also.

Thanks.