标签: tabpanel

我正在开发一个我使用的闪亮应用程序tabsetPanel,它是在用户输入某些特定输入时生成的.因此,我想使用renderUI函数使tabsetPanel出现/消失.

我现在的奋斗是,元素的数量 tabPanel(参数tabsetPanel)也取决于用户输入,顺便说一下:有时我需要1个,有时我需要更多tabPanels.

怎么做？我尝试在论证中包含conditionPanel或包含简单if()...条件tabsetPanel,但它(并不奇怪......)不起作用.

我是Fx的新手.我有一个带有10个标签的TabPanel.每个选项卡都有许多控件(图表,按钮等),我想要的是为每个选项卡分配一个控制器.SceneBuilder只让我为整个视图分配一个控制器,我的意思是,只有顶部面板(根)有"Controller类"选项,所以我必须为一个类中的所有选项卡编写代码,这样就像需要,导致一个非常大的类,难以理解和维护.也许解决方案非常简单,但正如我所说,我对FX的经验很少,而且我无法在网上找到类似的东西.

任何的想法？谢谢.

我想构建一个用户界面,由于历史原因,它有很多"列"信息.其中许多在所有情况下都与所有用户无关,所以我想我会看到停靠面板,以允许用户根据他们的工作场景隐藏或重新排列列.

这是.NET 3.5中的Winforms.

因此,我想要以下内容:

• 在主窗体中有标签页
• 每个标签页都可以有停靠在其中的停靠面板
• 坞站面板应该可以从一个标签页移动到另一个标签页

示例样机http://images.vkarlsen.no/so/2902953/dock-test.png

到目前为止,我已经尝试了以下组件包,没有运气:

Telerik的

允许我停靠在标签页内,但停靠面板无法从一个标签页移动到另一个标签页.当尝试将浮动面板拖放到与其来源不同的选项卡页面上时,它会显示停靠栏将成功,但是当它被丢弃时,它将停靠在其所有者容器上.

Divelements SandDoc

与Telerik相同的问题.

DevExpress XtraBars

与Telerik相同的问题.

http://sourceforge.net/projects/dockpanelsuite/

同样的问题,停靠站内容窗口只能属于一个停靠面板,这意味着它无法从一个选项卡迁移到另一个选项卡.

基本上,有没有人知道任何这样的组件(包)可以让我做我想要的？

编辑:好的,我试过让Sourceforge控件在上面工作,但我看不出如何使这个工作.

基本上,这就是我需要做的事情:

1. 我需要有多个标签页(我不需要取消它们,它们可以是静态的)
2. 我需要能够将内容停靠到标签页
3. 我需要能够将内容从一个标签页移动到另一个标签页

如果我理解下面的答案提到这个控件,我应该使用DockPanel而不是TabControl,而DockPane而不是TabPage,但据我所知,这只能让我能够停靠和取消选项卡页面,而这不是我想要的是.

无论如何,这是一个程序文件,只需创建一个Winforms项目,从sourceforge项目添加对.dll的引用,并在Program.cs中粘贴此代码:

using System;
using System.Windows.Forms;
using WeifenLuo.WinFormsUI.Docking;

namespace DockTest
{
    public class DockWindow1 : DockContent
    {
        public DockWindow1()
        {
            TabText = "Dock-window #1";

            DockPanel panel = new DockPanel();
            panel.Dock = DockStyle.Fill;
            Controls.Add(panel);

            // tried this related to the exceptions
            // this.DockPanel = panel;
        }
    }

    public class DockWindow2 : DockContent
    {
        public DockWindow2() …

我正在尝试将a转换cellTable为a datagrid,因为我想稍后添加一个搜索处理程序,因此我需要修复列标题.目前我扩展celltable/ datagridclass并将小部件放入a simplelayoutpanel并将其添加到我的tabpanel.

如果我使用celltable,一切正常,数据显示.如果我将类的类型更改为datagrid,则数据有时会显示(列名始终存在).添加到我使用的表setRowData或a dataProvider.如果我设置断点以延迟加载表内容,则表有时会包含数据.如果我稍后调用表的重绘方法,该表将显示正确的信息.但该表应自动加载内容.在我的项目的其他"位置",我也使用了数据网格并且它可以工作Dialogboxes.

我认为项目的绘制肯定存在错误,因为如果我调用.getRowCount表或弃用.getDisplayedItems,它会返回表中应该有正确数量的项目.此外,如果我向表中添加选择模型并选择项目,则该项目包含有效数据.

这是关于WPF TabControl,TabItem和TabPanel的新手问题.在StackOVF上有一个相关的问题,我在我的应用程序中愉快地使用了答案.这是答案的链接,以及代码片段:

WPF:TabControl中的Center TabItems

<TabControl>
    <TabControl.Resources>
        <Style TargetType="{x:Type TabPanel}">
            <Setter Property="HorizontalAlignment" Value="Center" />
        </Style>
    </TabControl.Resources>

    <TabItem Header="Test 1" />
    <TabItem Header="Test 2" />
    <TabItem Header="Test 3" />
    <TabItem Header="Test 4" />
</TabControl>

虽然这很棒,但我很乐意将资源和样式的东西移到更好的位置(样式表等).我的第一次尝试是将<TabControl.Resources>标签移动到,<Window.Resources>但这不起作用.我尝试了几种变化但无法使其工作.这是我有点期望尝试的一个例子:

<!-- Doesn't work as expected: -->
<Window.Resources>
    <Style TargetType="{x:Type TabPanel}">
        <Setter Property="HorizontalAlignment" Value="Center" />
    </Style>
</Window.Resources>

搜索网络和msdn并没有帮助我解决我的问题,而是给我留下了第二个(相关的)问题:实际上是一个TabPanel,它与TabControl有什么关系？

任何帮助和提示将不胜感激.

(编辑:在最后一个例子中评论说代码对我不起作用.)

我有一个带可关闭标签的TabPane.我想在用户单击选项卡内容中的按钮时触发"关闭选项卡事件".以下是用户单击按钮时调用的方法:

public class CustomTab extends Tab {

    ...

    protected void close() {
        Event.fireEvent(this, new Event(Tab.CLOSED_EVENT));
    }

    ....
}

我将此自定义标签添加到tabpane中:

TabPane tabPane = new TabPane();
...
CustomTab tab = new CustomTab();
tab.setOnClosed(new EventHandler<Event>() {
    @Override
    public void handle(Event t) {
        System.out.println("Closed!");
    }
});
tabPane.getTabs().add(tab);
tabPane.getSelectionModel().select(tab);

通常,可以通过单击选项卡标题中的(默认)关闭图标来关闭选项卡,然后"关闭!" 被打印到屏幕上.但是,当用户单击按钮(即在选项卡的内容中)并再次调用close()方法CustomTab时,"已关闭!" 打印到屏幕上,但此时标签未关闭.这不奇怪吗？

如何在单击任意按钮时关闭选项卡？

PS:tabPane.getTabs().remove(tab)有效,但触发相应的事件非常优雅.它也应该关闭标签.

我正在研究一些sencha触摸教程,我无法弄清楚如何在TabPanel视图中的选项卡左侧添加一个按钮.默认情况下,选项卡右侧会添加一个按钮.我已经尝试更改对齐和布局设置,但似乎没有任何工作.这是我正在尝试修改的简单代码

Ext.setup({

onReady: function() {
    new Ext.TabPanel({
        fullscreen: true,

        tabBar:{
            items:[{
                xtype: 'button',
                ui: 'round', 
                text: 'Round'
            }]
        },

        items: [{
            title: 'Tab 1',
            html: '1',

        }, {
            title: 'Tab 2',
            html: '2',

        }, {
            title: 'Tab 3',
            html: '3',

        }]
    });
}

});

我正在尝试为Web应用程序开发GUI,我想设置一个TabPane,其左侧有标签,使标签标题保持水平.我已经找到了如何将选项卡放在左侧,但经过多次搜索后,我没有成功将标题设置为正确的对齐方式.它们仍然垂直且难以阅读.

我怎么能解决这个问题？

对于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"); …

这是我上一个问题的延伸.现在我无法扩展主面板的高度.

这是我的代码

library(shiny)
library(shinydashboard)
library(shinyBS)
library(DT)

ui <- dashboardPage(
  dashboardHeader(),
  dashboardSidebar(
    sidebarPanel(
      textInput("text", "Enter Id:"),
      box(width = 1, background  = 'purple'),
      actionButton("Ok", "Press Ok",style='padding:8px; font-size:100%')
    )

  ),
  dashboardBody(

    mainPanel(width = 12, 

      tabsetPanel(

        tabPanel("About", value=1, h6("The objective is to test width of ShinyApp in tabPanel design", br(),
                                      br(),

                                      "Distribution Prototype"

                                     )
                 ),


        tabPanel("Data", value=2,

                 fluidRow(

                   valueBoxOutput("vbox1", width = 2),
                   valueBoxOutput("vbox2", width = 2),
                   valueBoxOutput("vbox3", width = 2),
                   valueBoxOutput("vbox4", width = 2),
                   valueBoxOutput("vbox5", width = 2),
                   valueBoxOutput("vbox6", width = 2) …