sort in inline row edit grid

asked 2013-06-19 04:25:03 +0800

dearest555
111

updated 2013-06-19 07:47:39 +0800

sjoshi
3493 ● 1 ● 8
http://zkframeworkhint.bl...

I have inline edit row grid so please help to sort by no columne

form.zul

<grid id="newPhaseTask"  height="350px" sclass="tblWithoutHover" 
                            model="@load(vm.newPhaseTaskStatuses) @template((vm.displayEdit and each.editingStatus) ? 'editable' : 'noneditable')">
                            <columns>
                                 <column width="70px">Delete</column>   
                                <column width="30px" sort="auto(each.task.ordering)">No </column>                            
                                <column width="200px" sort="auto(each.task.taskName)">Task</column>
                                <column width="120px">In Charge</column>
                                <column width="110px">Lead Time(Days)</column>
                                <column width="80px">Start Date</column>
                                <column width="80px">Target Date</column>
                                <column width="80px">Actual Date</column>
                                <column width="50px">Status</column>
                                <column width="100px">Attachment</column>                            
                                <column width="100px">Comment</column>
                                <!--<column width="80px" visible="@load(vm.displayEdit)">Edit</column>--> 
                               <column width="100px">Edit</column>
                            </columns>
                            <template name="editable">
                                <row>                  
                                    <toolbarbutton image="/img/cross-small.png"   label="delete" onClick="@command('delete_task', newPhaseTaskStatus=each)" tooltiptext="delete" tooltip="delete"  />                                   
                                    <textbox rows="1" width="50px"  readonly="@load(!each.task.removableByUser)"  value="@load(each.task.ordering) @save(each.task.ordering, before='confirm_task')" />
                                    <textbox rows="1" width="280px" readonly="@load(!each.task.removableByUser)" 
                                        value="@load(each.task.taskName) @save(each.task.taskName, before='confirm_task')"  />
                                    <userbox width="200px" value="@load(each.task.incharge) @save(each.task.incharge, before='confirm_task')" disabled="true" /> 
                                    <label  value="@load(each.task.leadTime)" />    
                                    <datebox  locale="en_US" value="@load(each.task.startDate) @save(each.task.startDate, before='confirm_task')" 
                                     format="dd/MM/yyyy"   readonly="true" />                                   
                                    <datebox  locale="en_US" value="@load(each.task.targetDate) @save(each.task.targetDate, before='confirm_task')" 
                                     format="dd/MM/yyyy"   readonly="true" /> 
                                    <label value="@load(each.task.completeDate ne null?c:formatDate(each.task.completeDate,'dd/MM/yyyy'):'-')"></label>
                                    <label value="@load(each.task.status.name)" />          
                                    <div onUpload="@command('addAttachment', newPhaseTaskStatus=each)">
                                    <toolbarbutton  image="/img/attachment.png" tooltiptext="download attachment" tooltip="download attachment" 
                                        onClick="@command('downloadAttachment', newPhaseTaskStatus=each)" visible="@load(not empty each.task.attachmentLocation)"/>
                                    <toolbarbutton image="/img/file_add.gif" upload="true" tooltiptext="upload attachment" tooltip="upload attachment" 
                                        onUpload="@command('addAttachment', newPhaseTaskStatus=each)" disabled="@load(not empty each.task.attachmentLocation)" visible="@load(empty each.task.attachmentLocation)"/>
                                     <toolbarbutton image="/img/file_del.gif" tooltiptext="delete attachment" tooltip="delete attachment" 
                                        onClick="@command('deleteAttachment', newPhaseTaskStatus=each)" visible="@load(not empty each.task.attachmentLocation)"/>                                       
                                    </div>                                                              
                                    <textbox width="200px"
                                        value="@load(each.task.comment) @save(each.task.comment, before='confirm_task')"  />                                                                                                                
                                    <div>
                                        <button
                                            image="/img/tick-small.png"  label="confirm"
                                            onClick="@command('confirm_task', newPhaseTaskStatus=each)"  tooltiptext="confirm" tooltip="confirm"  />
                                        <button
                                            image="/img/cross-small.png" label="cancel"
                                            onClick="@command('changeEditableStatus_task', newPhaseTaskStatus=each)"  tooltiptext="cancel" tooltip="cancel"  />
                                    </div>
                                </row>
                            </template>
                            <template name="noneditable">
                                <row>
                                    <label></label>
                                    <label  value="@load(each.task.ordering)" />
                                    <label  value="@load(each.task.taskName)" />
                                    <label  value="@load(each.task.incharge.fullName)" />
                                    <label  value="@load(each.task.leadTime)" /> 
                                    <label  value="@load(each.task.startDate ne null?c:formatDate(each.task.startDate,'dd/MM/yyyy'):'-')"></label>                   
                                    <label  value="@load(each.task.targetDate ne null?c:formatDate(each.task.targetDate,'dd/MM/yyyy'):'-')"></label>
                                    <label  value="@load(each.task.completeDate ne null?c:formatDate(each.task.completeDate,'dd/MM/yyyy'):'-')"></label>
                                    <label  value="@load(each.task.status.name)" />
                                    <div>
                                        <toolbarbutton  label="@load(each.task.attachmentLocation)" image="/img/attachment.png" tooltiptext="download attachment" tooltip="download attachment" 
                                        onClick="@command('downloadAttachment', newPhaseTaskStatus=each)" visible="@load(not empty each.task.attachmentLocation)" />
                                         <label value='-' visible="@load(empty each.task.attachmentLocation)"/>
                                    </div>                              
                                    <label value="@load(each.task.comment)" />                   
                                    <button visible="@load(vm.isTaskOwner(each) and vm.requestSaved )"
                                        image="/img/pencil-small.png"  label="edit"
                                        onClick="@command('changeEditableStatus_task', newPhaseTaskStatus=each)"  tooltiptext="modify" tooltip="modify"  />     
                                    <!--                        
                                    <button
                                        image="/img/pencil-small.png"  label="edit"
                                        onClick="@command('changeEditableStatus_task', newPhaseTaskStatus=each)"  tooltiptext="modify" tooltip="modify" visible="@load(vm.saveAllowed and vm.editTaskAllowed)"  />
                                    -->
                                </row>
                            </template>