标签: tabpanel

更改ExtJS 4选项卡的高度


背景:我正在编写ExtJS应用程序来帮助志愿者管理营地数据库.包含紧急信息,饮食要求和客舱分配.我希望它是用户友好的,以便志愿者能够快速拿起它,所以我决定选项卡需要更大,以引起对应用程序主要操作的注意.

问题:我只是不知道如何更改标签高度.

到目前为止工作:

  • 我已经尝试为我的选项卡面板设置tabBar属性,但是标签没有调整大小,样式看起来很奇怪
  • 我查看了论坛,人们建议修改CSS,但没有例子

你能帮我吗?这就是我想要实现的目标:

http://tinypic.com/r/sltr9g/7

http://postimage.org/image/10x22n8ec/

size height tabs tabpanel extjs4

2
推荐指数
1
解决办法
1万
查看次数

在tabpanel内的extjs视口

美好的一天,我是extjs新手,我使用extjs 3,我的布局有问题,我有tabpanel,标签1的内部将是视口,而标签2只是一个简单的内容,但当我点击tab2,视口不会消失,应该是视口仅在选项卡1或第一个选项卡上.以下是我的代码,请帮助,如果我的代码有问题怎么办?

var Tabs;
var chatUi;
var content = "centerpanel";

var viewport1 = new Ext.Viewport({
    //id:       'chatUiLayout',
    layout: 'border',
    //renderTo :    'liveChatTextLiveHelp',
    items: [{
        width: 150,
        region: 'east',
        title: 'east'
    }, {
        region: 'center',
        title: 'center'
    }]
});


Tabs = new Ext.TabPanel({
    id: 'liveChatTextLiveHelp',
    renderTo: 'div-live-chat',
    activeTab: 0,
    //region:       'center',
    //hieght:       200,
    plain: true,
    items: [{
        title: 'Live help',
        items: [ //viewport1  
        ],
        html: "<div id='" + content + "' class='90pers' ></div>"
    }, {
        title: 'Tab 2',
        html: "tab 2 …
Run Code Online (Sandbox Code Playgroud)

javascript extjs viewport tabpanel

2
推荐指数
1
解决办法
2290
查看次数

监听选项卡项目在Sencha中单击

在我的应用程序中,我正在使用一个包含5个项目的选项卡面板.每个项目在卡片布局中添加了大约6个面板.当我在选项卡项目中的最后一个面板时,我需要通过单击底部选项卡面板(有点类似于iOS中的常规选项卡视图控制器)返回到初始面板.我找到了一些我在这里找到的解决方案,但它似乎只有在我在标签之间切换时才有用.实际上我想在同一个标​​签图标上听点击事件.我怎样才能做到这一点?

listener tabpanel sencha-touch-2

2
推荐指数
1
解决办法
6165
查看次数

ExtJs 4.2 中的垂直选项卡面板

有没有办法使用现有的选项卡面板在 ExtJs 4.2 中创建垂直选项卡面板。通过将标签条设置为“左”,标签条停靠在面板的左侧,但这不是我想要的。是否可以将标签一一垂直放置?

tabs extjs tabpanel extjs4.2

2
推荐指数
1
解决办法
5030
查看次数

闪亮:动态更改标签名称

我正在研究应该处理多种语言的Shiny应用程序。我设法根据selectInput选择语言来动态翻译应用程序的几乎所有元素。但是,“难点”仍然是navbarPage选项卡以及tabPanels页面的内部。我不能更改他们的名字。我试过了,但是不起作用:

library(shiny)
ui <- navbarPage("App Title",
                 tabPanel("tab1", 
                          selectInput("language", "language", c("EN", "FR"), width = '300px'),
                          textOutput("text")),
                 uiOutput("render_tab2"))
server <- function(input, output, session) {
  output$text = renderText({ switch(input$language, "EN"="hello world", "FR"="bonjour monde")  })
  output$render_tab2 = renderUI({
    tabPanel( title=switch(input$language, "EN"="tab2", "FR"="onglet2") )})}
shinyApp(ui, server)
Run Code Online (Sandbox Code Playgroud)

updatenavbarpanel()系列函数只是设置活动选项卡中,不会改变自己的特点...有没有办法做到这一点,如果可能的话,这并不能改变我的所有应用程序的结构...非常感谢。

translation r tabpanel navbar shiny

2
推荐指数
1
解决办法
1421
查看次数

在 R 闪亮中隐藏选项卡面板

伙计们。我有一个关于如何在 R闪亮中隐藏 tabpanel 的问题。我在这里读了一篇参考资料。 https://shiny.rstudio.com/reference/shiny/1.0.5/showTab.html

然后,我根据这个参考修改了我的代码,但它不起作用。这是我的代码的一部分:

  ui <- fluidPage(

sidebarLayout(
  sidebarPanel(
    conditionalPanel(
    condition = "input.tabselected == 1",
    ....
   actionButton("hideTab","Hide Tab"),
   actionButton("showTab","Show Tab")
  ),

  mainPanel(
      tabsetPanel(type = "tabs",
                tabPanel(title = "D", 
                         value=1),
                tabPanel(title = "S", 
                         value=3),
                tabPanel(title = "Y", 
                         value=2),
                id = "tabselected")
  )
Run Code Online (Sandbox Code Playgroud)

...

      server <- function(input, output) {
  hideTab(inputId = "tabselected", target = "Y")
})
Run Code Online (Sandbox Code Playgroud)

}

和conditionPanel有什么关系吗?或者可能还有其他原因?谢谢。

r tabpanel shiny

2
推荐指数
1
解决办法
5291
查看次数

Java Swing中的Firefox选项窗格UX设计?

我需要Firefox > tools > options使用Java Swing 设计一个类似于(如下所示)的窗口.我必须创建两个顶部标题.点击每个我必须打开tabbedpanes(相同Firefox > tools > options > advanced.我对Swing来说几乎是新手.

在此输入图像描述

感谢您的快速回复.我尝试过这样做.基本窗口是JDialog.我创建了顶部面板的Whithin.工具栏(在topPanel的BorderLayout-North)和内容面板(在topPanel的BorderLayout-Center)添加到此顶部面板中.创建了两个工具栏按钮 - "general"和"advanced",它们是我在上一篇文章中讨论过的标题."contentPanel"是占位符面板.我想在每次点击工具栏按钮时动态添加选项卡式面板.默认为通用.

Whenevr点击了高级工具栏按钮,我想删除_generalTabbedPane并显示_advanceTabbedPane,反之亦然.

但它没有正确发生.单击工具栏按钮时添加和删除/隐藏面板是我需要修复的.我已经附加了下面的代码.

请帮助.

 @Override
   public JComponent createContentPanel()
  {        
   topPanel  = new JPanel();
   topPanel.setLayout(new BorderLayout());     
   JToolBar toolBar = new JToolBar();
   toolBar.add(new tabButton("general",GENERAL));
   toolBar.add(new tabButton("advanced",ADVANCED));

   contentPanel = new JPanel();       
   contentPanel.add(getGeneralTabs());

   topPanel.add(toolBar, BorderLayout.NORTH);
   topPanel.add(contentPanel, BorderLayout.CENTER);        
   return topPanel;


}  
private  final class JCenterLabel extends JLabel
{       
    public JCenterLabel(final String s)
    {
        super(s);
        setAlignmentX(Component.CENTER_ALIGNMENT);
    }

    public JCenterLabel(final Icon i)
    {
        super(i);
        setAlignmentX(Component.CENTER_ALIGNMENT);
    }
}

private …
Run Code Online (Sandbox Code Playgroud)

java swing tabpanel jtabbedpane

1
推荐指数
1
解决办法
242
查看次数

如何使用 windows javafx 缩放组件?

选项卡菜单

我的 Windows 主窗格位于其AnchorPane顶部,其TabPane菜单TabPane是您在图片上看到的选项卡。看到灰色的“背景”,这是一部分TabPane,当我扩展我的窗口,以更大的尺寸,TabPane不与它扩大,它保持相同的大小,所以额外的空间是空的,我会把它想与规模窗户,当然是宽度。

transformation tabpanel javafx-2

1
推荐指数
1
解决办法
6083
查看次数

我需要激活EXTJS中tabpanel中的最后一个选项卡

我需要激活extjs中tabpanel中的最后一个选项卡.我有一个添加新标签的按钮,我需要更改最后添加的标签.

extjs tabpanel

1
推荐指数
1
解决办法
1429
查看次数

把tabPanel向前推:最好的方法?

我用sessionScope尝试了这个(没用):

在变量'm1'的帮助下,以下Tabs应该是可控的:

<xp:tabbedPanel id="tabbedPanel1"
    selectedTab="#{javascript:sessionScope.get('m1')}">
    <xp:tabPanel label="Config" id="conf">
        <xc:k_conf></xc:k_conf>
    </xp:tabPanel>
    <xp:tabPanel label="Solution" id="sol">
        <xc:k_sol></xc:k_sol>
    </xp:tabPanel>
</xp:tabbedPanel>
Run Code Online (Sandbox Code Playgroud)

在控制中,k_conf是一个按钮'calculate',它执行一个代理,然后将可变量'm1'设置为'sol'.我希望,Tab切换到'Solution',但没有任何反应(尽管refreshmode ="complete").

<xp:button value="calculate" id="button1">
    <xp:eventHandler event="onclick" submit="true" refreshMode="complete">
        ...
        <xp:executeScript>
            <xp:this.script><![CDATA[#{javascript:
                ...
                agent.runWithDocumentContext(docVG.getDocument());
                sessionScope.put("m1","sol");
                }]]>
        </xp:this.script>
    </xp:executeScript>
    ...
</xp:button>
Run Code Online (Sandbox Code Playgroud)

另一种方法是使用组件(因为'TabPanel不允许显示'而无效):

 <xp:this.action>
   <![CDATA[#{javascript:
         var c = getComponent("IdofTab");
         c.show("IdofTab");
      }]]>
 </xp:this.action>
Run Code Online (Sandbox Code Playgroud)

tabpanel xpages

1
推荐指数
1
解决办法
57
查看次数

如何检查JavaFX的TabPane中是否已打开选项卡

我通过单击按钮从fxml文件动态添加选项卡。有没有一种方法可以查看JavaFX的TabPane中是否已打开该选项卡,然后切换到该选项卡,而不是将相同的选项卡添加到TabPane。

这是我的控制器类:

    package application;

import java.io.IOException;
import java.net.URL;
import java.util.ResourceBundle;

import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.AnchorPane;

public class MainController implements Initializable{

    @FXML
    public TabPane myTabPane ;
    public AnchorPane myAnchorPane;

    @FXML
    public Button btnTab1 = new Button();
    @FXML
    public Button btnTab2 = new Button();
    @FXML
    public Button btnTab3 = new Button();

    @Override
    public void initialize(URL location, ResourceBundle resources) {

        btnTab1.setOnAction(e -> {
            //System.out.println("Clicked");            
            try {
                Tab myNewTab = FXMLLoader.load(this.getClass().getResource("MyTestTab.fxml")); …
Run Code Online (Sandbox Code Playgroud)

java javafx tabpanel fxml

1
推荐指数
1
解决办法
1306
查看次数

使用renderUI在R Shiny中插入额外的tabPanel

我正在尝试将 renderUI 创建的选项卡附加到现有选项卡集。最小的例子:

ui <- fluidPage(sidebarLayout(sidebarPanel(),
                              mainPanel(tabsetPanel(
                                tabPanel("static_tab"),
                                uiOutput('ui_tab')
                              ))))
server <- function(input, output) {
  output$ui_tab <- renderUI({
    tabPanel("render_tab", p('it worked'))
  })
}
shinyApp(ui = ui, server = server)
Run Code Online (Sandbox Code Playgroud)

我可以渲染整个 tabsetPanel,但不能渲染现有 tabsetPanel 中的单个选项卡。

r tabpanel shiny

0
推荐指数
1
解决办法
726
查看次数