Client Framework

Home » Client Framework » Forum » Sorting on Custom Columns in ListGrid

Sorting on Custom Columns in ListGrid

5 February, 2010 - 04:39 — prakash.palanisamy

Hi,

Could you suggest me on how to sort custom columns(Created using field creator) in listGrid.

I have create anchor tags using field creater, this needs to be sorted. The default sort on this doesnt work.

~Prakash

‹ Problems with internationalization Occasional problems with z-indexing when dealing with multiple dialogs and other controls ›

Hi Prakash, I have created a

5 February, 2010 - 09:52 — yini

Hi Prakash,

I have created a example and it seems to me that the column with anchors can still be sorted by the content of the anchor(innerHTML).

Here is my example:

<b:listGrid width="475px" height="200px" readonly="true" id="listgrid" rows="10" sortable="true" left="100px" style="-moz-user-select:normal !important;">

        <b:dataSource e:behavior="b:localData" dataType="application/xml">
                <b:dataContainer>
                        <xi:include href="data/gridData.xml"></xi:include>
                </b:dataContainer>
        </b:dataSource>
        <b:listGridCol select="title" label="Title " id="firstCol" datatype="string" width="200px">
                <b:fieldCreator type="application/javascript">
                        //viewNode, controller, recordId, value var
                        var anchor = document.createElement('a');
                        anchor.href = 'http://'+value.replace(/\s+/g,'');
                        anchor.innerHTML= value;
                        viewNode.appendChild(anchor);
                        return viewNode;
                </b:fieldCreator>
        </b:listGridCol>
        <b:listGridCol select="genre" label="Genre" datatype="string" width="100px"></b:listGridCol>
        <b:listGridCol select="rating" label="Rating" datatype="number" width="70px" align="right"></b:listGridCol>
        <b:listGridCol select="price" label="Price" datatype="number" width="70px" align="right"></b:listGridCol>
</b:listGrid>

If you are creating the anchors in other ways that make the sorting doesn't work, please let me know.

Cheers