<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Dojo Enhanced Grid Sort on Selection in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/dojo-enhanced-grid-sort-on-selection/m-p/178814#M16567</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;One way I can think of is create another column called "sorted", which can only be yes/true or no/false. This is a dynamic column, so when user checks a checkbox, this column will be immediately updated. Users can then sort on this column.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;However I'd prefer something out-of-box and this introduces an extra column which can be strange for the users.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Mon, 02 Dec 2019 03:18:41 GMT</pubDate>
    <dc:creator>HenryKo2</dc:creator>
    <dc:date>2019-12-02T03:18:41Z</dc:date>
    <item>
      <title>Dojo Enhanced Grid Sort on Selection</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/dojo-enhanced-grid-sort-on-selection/m-p/178813#M16566</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi, I have an Enhanced Grid with the Indirect Selecion plugin, so the users can select and deselect rows with checkboxes. My question is, is there a way I can make the grid to sort on the selection?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG class="image-1 jive-image" src="https://community.esri.com/legacyfs/online/474978_pastedImage_1.png" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;In the image above I can sort on the column "crash ID". But is there a way I can click on the header (i.e. where the red question mark is) so that I can sort by checkboxes/selections?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;My grid creation code is as follows:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;DIV style="color: #e0e0e0; background-color: #202020; font-weight: normal; font-size: 14px;"&gt;&lt;DIV&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ff9999;"&gt;this&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;resultsGrid&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;=&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ff9999;"&gt;new&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #66cccc;"&gt;EnhancedGrid&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;({&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;style:&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #99ccff;"&gt;'height:&amp;nbsp;100%;&amp;nbsp;width:&amp;nbsp;100%'&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;id:&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #99ccff;"&gt;'resultsGrid'&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;structure:&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;layout&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;plugins:&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;{&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;indirectSelection:&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;{&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;headerSelector:&lt;/SPAN&gt;&lt;SPAN style="color: #ff9999;"&gt;true&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;,&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;width:&lt;/SPAN&gt;&lt;SPAN style="color: #99ccff;"&gt;"100px"&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;,&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;styles:&lt;/SPAN&gt;&lt;SPAN style="color: #99ccff;"&gt;"text-align:&amp;nbsp;center;"&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;}},&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;rowSelector:&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #99ccff;"&gt;'20px'&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ffcc99;"&gt;keepSelection:&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="color: #ff9999;"&gt;true&lt;/SPAN&gt;&lt;SPAN style="color: #e0e0e0;"&gt;,&amp;nbsp;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #e0e0e0;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 02 Dec 2019 03:16:01 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/dojo-enhanced-grid-sort-on-selection/m-p/178813#M16566</guid>
      <dc:creator>HenryKo2</dc:creator>
      <dc:date>2019-12-02T03:16:01Z</dc:date>
    </item>
    <item>
      <title>Re: Dojo Enhanced Grid Sort on Selection</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/dojo-enhanced-grid-sort-on-selection/m-p/178814#M16567</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;One way I can think of is create another column called "sorted", which can only be yes/true or no/false. This is a dynamic column, so when user checks a checkbox, this column will be immediately updated. Users can then sort on this column.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;However I'd prefer something out-of-box and this introduces an extra column which can be strange for the users.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 02 Dec 2019 03:18:41 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/dojo-enhanced-grid-sort-on-selection/m-p/178814#M16567</guid>
      <dc:creator>HenryKo2</dc:creator>
      <dc:date>2019-12-02T03:18:41Z</dc:date>
    </item>
  </channel>
</rss>

