2015-07-09 13 views
5

सर्वर पक्ष से चमकदार डैशबोर्ड ऐप पर साइडबार को मैन्युअल रूप से अक्षम/सक्षम करने का कोई तरीका है?सर्वर पक्ष से साइडबार को अक्षम/सक्षम करना

हेडर पर टॉगल बटन का उपयोग किए बिना मुझे और स्थान की आवश्यकता होने पर मैं साइडबार को स्वचालित रूप से छिपाना चाहता हूं।

धन्यवाद

उत्तर

10

मैं डैशबोर्ड्स के साथ बहुत परिचित के रूप में मैं कभी नहीं एक निर्मित नहीं कर रहा हूँ, लेकिन एक का शीघ्रता से अवलोकन लेने से, यह जब खुला/छिपाने साइडबार बटन पर क्लिक की तरह लगता है, सभी ऐसा होता है एक है sidebar-collapse कक्षा को <body> टैग पर जोड़ा/हटा दिया गया है। शायद और चीजें होती हैं कि मुझे अनजान है, लेकिन यह सबसे ज्यादा दिखाई देने वाली चीज़ प्रतीत होता है।

तो आप आसानी से shinyjs पैकेज का उपयोग कर सकते हैं (अस्वीकरण: मैं लेखक हूँ) जोड़ने के लिए/उस वर्ग

library(shiny) 
library(shinydashboard) 
library(shinyjs) 

shinyApp(
    ui = 
    dashboardPage(
     dashboardHeader(), 
     dashboardSidebar(), 
     dashboardBody(
     shinyjs::useShinyjs(), 
     actionButton("showSidebar", "Show sidebar"), 
     actionButton("hideSidebar", "Hide sidebar") 
    ) 
    ), 
    server = function(input, output, session) { 
    observeEvent(input$showSidebar, { 
     shinyjs::removeClass(selector = "body", class = "sidebar-collapse") 
    }) 
    observeEvent(input$hideSidebar, { 
     shinyjs::addClass(selector = "body", class = "sidebar-collapse") 
    }) 
    } 
) 
+0

आपको बहुत बहुत धन्यवाद निकालने के लिए, यह बहुत अच्छी तरह से काम करता है। मैं बस जेएस के बारे में सीख रहा हूँ। – Geovany

+0

वैसे, मैं पहली रिलीज के बाद से आपकी लाइब्रेरी (shinyjs) का उपयोग कर रहा हूँ। जेएस के साथ एक बहुत ही बुनियादी अनुभव के साथ मेरे जैसे किसी के लिए यह बहुत उपयोगी है। मुझे वास्तव में पुस्तकालय के लिए आपका दृष्टिकोण पसंद है और वास्तव में मैंने स्रोत कोड से बहुत कुछ सीखा है। तो, shinyjs बनाने के लिए बहुत बहुत धन्यवाद :) – Geovany

+0

सुनना बहुत अच्छा है, धन्यवाद! –

संबंधित मुद्दे