add startExpanded arg

RinteRface · Mar 18, 2024 · 325c25f · 325c25f
1 parent 667fe95
commit 325c25f
Show file tree

Hide file tree

Showing 8 changed files with 43 additions and 12 deletions.
diff --git a/R/f7Treeview.R b/R/f7Treeview.R
@@ -4,17 +4,19 @@
 #' @param id Treeview unique id.
 #' @param selectable Make treeview items selectable. Default is `FALSE`.
 #' @param withCheckbox Add a checkbox to each item. Default is `FALSE`.
+#' @param startExpanded Whether to expand the treeview at start.
 #'
 #' @example inst/examples/treeview/app.R
 #'
 #' @export
 
-f7Treeview <- function(..., id, selectable = FALSE, withCheckbox = FALSE) {
+f7Treeview <- function(..., id, selectable = FALSE, withCheckbox = FALSE, startExpanded = FALSE) {
 
   config <- dropNulls(
     list(
       selectable = selectable,
-      withCheckbox = withCheckbox
+      withCheckbox = withCheckbox,
+      startExpanded = startExpanded
     )
   )
 

diff --git a/inst/examples/treeview/app.R b/inst/examples/treeview/app.R
@@ -31,6 +31,7 @@ app <- shinyApp(
       f7Block(
         f7Treeview(
           id = "group",
+          startExpanded = TRUE,
           f7TreeviewGroup(
             title = "Images",
             icon = f7Icon("folder_fill"),

diff --git a/inst/shinyMobile-1.0.1/dist/shinyMobile.min.css.map b/inst/shinyMobile-1.0.1/dist/shinyMobile.min.css.map
diff --git a/inst/shinyMobile-1.0.1/dist/shinyMobile.min.js b/inst/shinyMobile-1.0.1/dist/shinyMobile.min.js
diff --git a/inst/shinyMobile-1.0.1/dist/shinyMobile.min.js.map b/inst/shinyMobile-1.0.1/dist/shinyMobile.min.js.map
diff --git a/man/f7Treeview.Rd b/man/f7Treeview.Rd
diff --git a/man/f7TreeviewItem.Rd b/man/f7TreeviewItem.Rd
diff --git a/srcjs/bindings/treeviewInputBinding.js b/srcjs/bindings/treeviewInputBinding.js
@@ -1,8 +1,13 @@
+import { getAppInstance } from "../init.js";
+
 var f7TreeviewBinding = new Shiny.InputBinding();
 
 $.extend(f7TreeviewBinding, {
 
   initialize: function(el) {
+
+    this.app = getAppInstance();
+
     var id = $(el).attr("id");
     var config = $(el).find("script[data-for='" + id + "']");
 
@@ -58,6 +63,15 @@ $.extend(f7TreeviewBinding, {
       });
     }
 
+    // lexical scoping
+    var self = this;
+    if (this.config[id].startExpanded) {
+      // open all treeview-item elements
+        $(el).find(".treeview-item").each(function() {
+          self.app.treeview.open(this);
+        });
+    }
+
   },
 
   find: function(scope) {