#4051 add javascript functions for ToggleSelect and unselect row

IQSS · Dec 14, 2017 · 2d6e2c3 · 2d6e2c3
1 parent dd88232
commit 2d6e2c3
Showing 1 changed file with 23 additions and 2 deletions.
diff --git a/src/main/webapp/filesFragment.xhtml b/src/main/webapp/filesFragment.xhtml
@@ -11,6 +11,27 @@
     xmlns:o="http://omnifaces.org/ui"
     xmlns:iqbs="http://xmlns.jcp.org/jsf/composite/iqbs">
 
+    <script>
+    var checked=false;
+
+    function checkFiles(updateRows){
+        checked = !checked;
+        if (updateRows){
+            if(checked){
+                 PF('filesTable').selectAllRows(); 
+             } else {
+                 PF('filesTable').unselectAllRows(); //
+             } 
+        }
+    } 
+
+    function setCheckedFalse(){ // method to guarantee that allselected(checked) set to false        
+        checked = true;
+        checkFiles(false);
+    }
+
+    </script>
+
     <!-- Files Table -->
     <p:dataTable id="filesTable" 
                  scrollRows="25" scrollable="true" liveScroll="true"
@@ -20,8 +41,8 @@
                  selection="#{DatasetPage.selectedFiles}" var="fileMetadata" widgetVar="filesTable"
                  rendered="#{empty DatasetPage.editMode and (DatasetPage.workingVersion != null)}"
                  emptyMessage="#{bundle['file.notFound.tip']}">
-        <p:ajax  event="toggleSelect" listener="#{DatasetPage.toggleAllSelected()}" /> 
-        <p:ajax event="rowUnselectCheckbox" listener="#{DatasetPage.setSelectAllFiles(false)}" update="filesTable" process="@this" />
+        <p:ajax  event="toggleSelect" oncomplete="checkFiles(true)" /> 
+        <p:ajax  event="rowUnselectCheckbox" oncomplete="setCheckedFalse()" />
         <f:facet name="header">
             <div class="row form-inline" jsf:id="cloudStorageBlock" jsf:rendered="#{DatasetPage.showComputeButton()}">
                 <!-- Cloud Storage Access -->