标签: tabpanel

对于tabpanel中的每个选项卡,我有一个浮动面板位于固定位置.当我切换标签时,我需要将相应的浮动面板放在前面.但是,tabchange事件仅在第一次触发时触发.单击选项卡时,如何捕获此tabchange或其他类似事件？

Alexey,这是我的示例代码,其中包含更具体的问题:

Ext.onReady(function() {
    panel1 = Ext.create('Ext.panel.Panel', {
        title: 'title1', width: 800, height: 50,
        listeners: { 'beforeshow': { fn: function() { 
            console.log("beforeshow on title1"); 
        }, scope: this, single: true } }
    });
    panel2 = Ext.create('Ext.panel.Panel', {
        title: 'title2', width: 800, height: 50,
        listeners: { 'beforeshow': { fn: function() { 
            console.log("beforeshow on title2"); 
        }, scope: this, single: true } }
    });
    panel3 = Ext.create('Ext.panel.Panel', {
        title: 'title3', width: 800, height: 50,
        listeners: { 'beforeshow': { fn: function() { 
            console.log("beforeshow on title3"); …

PL告诉我如果我的tabpanel只有一个标签,我怎么能隐藏tabpanel的标题"..."？

我不能使用Ext.Panel becose我用相当复杂的方法在服务器上生成ExtJS的代码,并有大量的设计错误,不允许我产生这种情况通常Ext.Panel的.

tnx all,解决方案:我添加到css规则

.strip-hidden .x-tab-strip-wrap 
{
    display: none;
} 

.strip-show .x-tab-strip-wrap 
{
     display: block;
}

在服务器端(delphi,像ExtPascal)

if (frmContainer.Tab.Items.Count = 1) then
     frmContainer.Tab.Cls := 'strip-hidden'
   else
     frmContainer.Tab.Cls := 'strip-show';

所以,它对我有用(chrome,firefox).

我添加了两个规则,因为我在Windows中有窗口,所以如果子窗口有很多选项卡 - 它将被父窗口的css规则隐藏.所以我有2个规则,它的工作原理.

我是shiny. 我想从文件上传数据集并将其显示在tabPanel. 下一步是绘制数据集并在另一个tabPanel. 但是我发现当tabPanels改变顺序时，情节没有显示。如果“3D”tabPanel是第一个，则将显示该图：

tabsetPanel(
            tabPanel("3D", webGLOutput("threeDPlot")), 
            tabPanel("Data", tableOutput("cont"))
          )

但如果“数据”tabPanel是第一个，则不会显示该图：

tabsetPanel(
            tabPanel("Data", tableOutput("cont")),
            tabPanel("3D", webGLOutput("threeDPlot"))                 
          )

有什么帮助吗？先感谢您！

用户界面

library(shiny)
library(shinyRGL)
library(rgl)

shinyUI(fluidPage(

  titlePanel(h2("TEST")),

  sidebarLayout(        
    sidebarPanel(
      fileInput("df", label = h3("Load .txt data"), accept=c('text/csv', 
                                                   'text/comma-separated-values,text/plain', 
                                                   '.csv'))  
    ),        
    mainPanel(
      tabsetPanel(
        tabPanel("3D", webGLOutput("threeDPlot")), 
        tabPanel("Data", tableOutput("cont"))
      )
    )
  )
))

服务器

options(rgl.useNULL=TRUE)

library(shiny)
library(shinyRGL)
library(rgl)

shinyServer(function(input, output) {

  dataInput <- reactive({
    validate(
      need(input$df != "", label = "Data set")
    )  

    inFile <- …

有没有办法在单击 actionButton 之前禁用 tabPanel？我尝试使用shinyjs来做到这一点，但没有奏效。目前我的 ui.R 有以下代码。我想禁用“过滤器”tabPanel，直到单击 loadButton。`

body <- dashboardBody(
    useShinyjs(),
    tabsetPanel(id = "tabs", type = 'pills',
        tabPanel("Load", dataTableOutput("loadTab")),
        tabPanel("Filter", id='filterTab',dataTableOutput("filteredResults"))
    ))
sidebar <- dashboardSidebar(
        sidebarMenu(
         selectInput(inputId = "datasetName",label = 'Dataset',  choice=c('Cancer','Normal')),
         actionButton("loadButton", label = "Load")
        ))

` 任何帮助表示赞赏。

我正在研究Racket的GUI开发。我想创建一个tab-panel%带有多个标签的。该文档说，选项卡的切换只会调用一个过程，而不会自动进行内容更改。我认为这是一种非常聪明的行为，但是在实现最初为空的选项卡面板时遇到问题，当我选择其中一个选项卡时，该选项卡面板只会获取内容（子项）。

这是我已经拥有的代码：

#lang racket/gui

(require racket/gui/base)

(define nil '())

(define application-frame
  (new frame%
    [label "Example"]
    [width 400]
    [height 300]))

(define menu-bar
  (new menu-bar%
    [parent application-frame]))

(define file-menu
  (new menu%
    [label "&File"]
    [parent menu-bar]))

(new menu%
  [label "&Edit"]
  [parent menu-bar])

(new menu%
  [label "&Help"]
  [parent menu-bar])

(new menu-item%
  [label "E&xit"]
  [parent file-menu]
  [callback
    (? (m event)
      (exit nil))])

(define tab-panel
  (new tab-panel%
    [parent application-frame]
    [choices '("&Lookup" "&Training")]
    [callback
      (? (tp event)
        (case (send tp get-item-label (send tp get-selection))
          [("&Lookup") …

我修改了此处给出的答案，以使用R 中的Shiny包编写一个非常简单的登录/注销系统。如果 USER$Logged 为 FALSE（即用户已注销），我想隐藏面板“B”并在 USER 时显示它$Logged 为 TRUE（即用户已登录）。换句话说，一旦你运行代码，它不应该显示面板 B，直到用户正确输入用户名和密码。我尝试使用conditionalPanel，但它没有隐藏面板B。它目前一直在显示它，而不管USER$Logged。有谁知道如何修理它？

library(shiny)
library(shinydashboard)
my_username <- "test"
my_password <- "abc"
shinyApp(
  shinyUI(
    navbarPage( tabPanel("A", uiOutput('loginpage')),
               tabPanel("B", uiOutput('page1'),conditionalPanel(condition = "output.cond1==TRUE"))
                            )
                            ),
  shinyServer(function(input, output, session) {
    USER <<- reactiveValues(Logged = FALSE)
    observe({
      if (USER$Logged == FALSE) {
        output$loginpage <- renderUI({
          box(title = "",textInput("userName", "Username"),
              passwordInput("passwd", "Password"),
              br(),
              actionButton("Login", "Log in"))})
      } else if (USER$Logged == TRUE) {
        output$loginpage <- renderUI({fluidPage(
          box(title = "",br(),br(),actionButton("logout", "Logout"))
        )

        })
      }
    })

    observeEvent(input$Login, …

当我单击commandButton时,我想执行一些js来将当前选项卡面板切换到另一个选项卡面板.我的tabPanel是switchType ="client".

如何在GWT中定义UiBinder中的TabPanel.TabPanel和TabLayoutPanel之间有什么区别.在哪里可以找到有关TabPanel uibinder参数的其他信息.

是否有任何方法可以禁用Extjs4选项卡面板上的所有子项,而无需循环它们.

我的代码:

var myPanel = new Ext.TabPanel({
    region: 'east',
    title: 'my panel title',
    width: 200,
    id: 'my-panel',
    split: true,
    collapsible: true,
    collapsed: true,
    floatable: true,
    xtype: 'tabpanel',
    items: [
        Ext.create('Ext.panel.Panel', {
        id: 'my-detail-panel',
        title: 'My Info',
        autoScroll: true,
        file: false,
        type: 'vbox',
        align: 'stretch',
        tpl: myDetailsTpl
    }),
        Ext.create('Ext.panel.Panel', {
        id: 'my-more-detail-panel',
        title: 'My more info',
        autoScroll: true,
        file: false,
        type: 'vbox',
        align: 'stretch',
        tpl: myMoreDetailsTpl
    })
            ]
});

我需要禁用myPanel的所有子项,但仍需要'myPanel'保持状态为启用.

如何在 Shiny 应用程序中放置而不是标题：

navbarPage("title",theme = shinytheme("flatly"), 
                   tabPanel("Home",

菜单选项卡大小的一些标志？我尝试了这个解决方案： 如何在闪亮的 navbarPage() 上将图像插入导航栏 但不知何故不起作用。图像太大覆盖所有菜单项

谢谢