-
JQuery EasyUI 选项卡打开与关闭（9）
2017-10-10 09:59:12在之前的 JQuery EasyUI 选项卡联动demo(7) 中，我们通过添加、判断选项卡是否已经存在，如果存在则定位该选项卡、通过选项卡关闭前事件对选项卡进行标记的方法来进行选项卡的打开与关闭操作。 其实，我们还有更...展开全文在之前的 JQuery EasyUI 选项卡联动demo(7) 中，我们通过添加、判断选项卡是否已经存在，如果存在则定位该选项卡、通过选项卡关闭前事件对选项卡进行标记的方法来进行选项卡的打开与关闭操作。
其实，我们还有更简便的方法来控制选项卡的开闭状态。
首先，我们要判断选项卡是否已经被创建，即：$("#tt").tabs("exists",title);（这里的 tt 即是选项卡的id， 这里的title就是此选项卡的名称）；
如果已经被创建，那么就将它选中，即： $("#tt").tabs("select",title);
如果没有被创建，那么我们就添加一个此选项卡，即：
$('#tt').tabs('add',{
title: title,
content: title,
closable: true
});
完整代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Full Layout - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="easyUI/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="easyUI/themes/icon.css"> <link rel="stylesheet" type="text/css" href="easyUI/demo/demo.css"> <script type="text/javascript" src="easyUI/jquery.min.js"></script> <script type="text/javascript" src="easyUI/jquery.easyui.min.js"></script> <script type="text/javascript"> function changeTabs(title){ var bol = $("#tt").tabs("exists",title); if(bol){ $("#tt").tabs("select",title); }else{ $('#tt').tabs('add',{ title: title, content: title, closable: true }); } } </script> </head> <body> <div class="easyui-layout" data-options="fit:true"> <div data-options="region:'north'" style="height:50px"></div> <div data-options="region:'south',split:true" style="height:50px;"></div> <div data-options="region:'east',split:true" title="East" style="width:100px;"></div> <div data-options="region:'west',split:true" title="West" style="width:250px;"> <div οnclick="changeTabs('选项卡1')" style="text-align: center; border: 1px solid red;cursor: pointer;margin-top: 10px;background-color: #00bbee">选项卡1</div> <div οnclick="changeTabs('选项卡2')" style="text-align: center; border: 1px solid red;cursor: pointer;margin-top: 10px;background-color: #00bbee">选项卡2</div> </div> <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" style="border: 0px;"> <div id="tt" class="easyui-tabs" style="height: 100%;"> </div> </div> </div> </body> </html>
-
编程创建你自己的Ribbon选项卡
2013-05-02 12:51:45Revit的自定义界面只能通过二次开发来实现，可以在既有选项卡中添加（分析选项卡和外部命令选项卡）自己的功能按钮，也可以创建你自己的功能选项卡，自己来布置选项卡的样式。下面代码演示如何创建自定义的选项卡，...展开全文Revit的用户界面可以自定，但是只能通过Revit API来实现。无法想AutoCAD里面通过界面的功能设置的方式来实现，并能保存成cui文件，发送给别人。Revit的自定义界面只能通过二次开发来实现，可以在既有选项卡中添加（分析选项卡和外部命令选项卡）自己的功能按钮，也可以创建你自己的功能选项卡，自己来布置选项卡的样式。
下面代码演示如何创建自定义的选项卡，并想其中添加一个Panel，然后向Panel中添加一个按钮。
[TransactionAttribute(Autodesk.Revit.Attributes.TransactionMode.Manual)] public class CreateAButton : IExternalApplication { public Result OnStartup(UIControlledApplication application) { string myTab = "MyCommandTab"; application.CreateRibbonTab(myTab); application.CreateRibbonPanel(Tab.AddIns, "MyPanel1"); application.CreateRibbonPanel(Tab.Analyze, "MyPanel2"); application.CreateRibbonPanel(myTab, "MyPanel3"); RibbonPanel panel = application.CreateRibbonPanel("ADN Class"); PushButtonData data = new PushButtonData("UniqueName","Property", @"C:\yejo\Revit\SDK\Revit 2013\RevitLookup\CS\bin\Debug\RevitLookup.dll", "RevitLookup.CmdSnoopModScope"); PushButton button = panel.AddItem(data) as PushButton; button.ToolTip = "See Selected Element"; button.LongDescription = "This button created for the demo of creating the Ribbon control"; button.LargeImage = GetBitmapImage("c:\\ButtonIcon.png"); return Result.Succeeded; } public Result OnShutdown(UIControlledApplication application) { return Result.Succeeded; } public BitmapImage GetBitmapImage(string imageName) { return new BitmapImage(new Uri( imageName)); } }
Revit创建的自定义选项卡无法通过变量的方式进行引用，也就是通过Revit 提供的API接口你无法对所创建的选项卡进行删除，隐藏。你只能用字符串的形式来指代目标自定义选项卡向其中添加Panel。
application.CreateRibbonPanel(myTab, "MyPanel3");Jeremy 有一篇博客文章谈到如何使用非Revit API接口来实现对Ribbon上的对象进行操作的问题。但是使用这些方法不是Autodesk推荐使用的方法。你自己需要承担由此造成的一些问题风险的结果。
http://thebuildingcoder.typepad.com/blog/2011/02/pimp-my-autocad-or-revit-ribbon.html
转载请复制以下信息：
原文链接： http://blog.csdn.net/joexiongjin/article/details/8875360
作者： 叶雄进 , Autodesk ADN
-
关于Dreamweaver打开后以前创建的站点在文件选项卡消失的问题
2010-04-21 15:32:00如果打开Dreamweaver后以前建立的站点在文件选项卡无法找到的话，可以新建一个个站点，然后文件选项卡中会有新建的站点对应文件夹。在下拉菜单中可以找到以前所建立的站点对应的文件夹。展开全文如果打开Dreamweaver后以前建立的站点在文件选项卡无法找到的话，可以新建一个个站点，然后文件选项卡中会有新建的站点对应文件夹。在下拉菜单中可以找到以前所建立的站点对应的文件夹。
-
flutter tab选项卡appbar下的选项卡
2019-07-07 10:04:50flutter tab选项卡 appbar 下的选项卡 TabBar 、Tab、TabBarView 结合实现 这里实现的是appbar 下的选项卡展开全文flutter tab选项卡 appbar 下的选项卡
TabBar 、Tab、TabBarView 结合实现
这里实现的是appbar 下的选项卡
import 'package:flutter/material.dart'; /** * 有状态StatefulWidget * 继承于 StatefulWidget，通过 State 的 build 方法去构建控件 */ class TabBarAndTopTab extends StatefulWidget { 通过构造方法传值 TabBarAndTopTab(); //主要是负责创建state @override _DemoStateWidgetState createState() => _DemoStateWidgetState(); } /** * 在 State 中,可以动态改变数据 * 在 setState 之后，改变的数据会触发 Widget 重新构建刷新 */ class _DemoStateWidgetState extends State<TabBarAndTopTab> with SingleTickerProviderStateMixin { _DemoStateWidgetState(); List tabs = ["首页", "发现", "我的", "设置"]; //用于控制/监听Tab菜单切换 //TabBar和TabBarView正是通过同一个controller来实现菜单切换和滑动状态同步的。 TabController tabController; @override void initState() { ///初始化，这个函数在生命周期中只调用一次 super.initState(); tabController = TabController(length: tabs.length, vsync: this); } @override void didChangeDependencies() { ///在initState之后调 Called when a dependency of this [State] object changes. super.didChangeDependencies(); } @override Widget build(BuildContext context) { return buildTabScaffold(); } //通过“bottom”属性来添加一个导航栏底部tab按钮组，将要实现的效果如下： Widget buildTabScaffold() { return Scaffold( appBar: AppBar( title: Text('标题'), //设置选项卡 bottom: buildTabBar(), //设置标题居中 centerTitle: true, ), //设置选项卡对应的page body: buildBodyView(), ); } //当整个页面dispose时，记得把控制器也dispose掉，释放内存 @override void dispose() { tabController.dispose(); super.dispose(); } buildBodyView() { //构造 TabBarView Widget tabBarBodyView = TabBarView( controller: tabController, //创建Tab页 children: tabs.map((e) { return Container( alignment: Alignment.center, child: Text(e, textScaleFactor: 1), ); }).toList(), ); return tabBarBodyView; } buildTabBar() { //构造 TabBar Widget tabBar = TabBar( //tabs 的长度超出屏幕宽度后，TabBar，是否可滚动 //设置为false tab 将平分宽度，为true tab 将会自适应宽度 isScrollable: false, //设置tab文字得类型 labelStyle: TextStyle(fontSize: 15, fontWeight: FontWeight.bold), //设置tab选中得颜色 labelColor: Colors.white, //设置tab未选中得颜色 unselectedLabelColor: Colors.white70, //设置自定义tab的指示器，CustomUnderlineTabIndicator //若不需要自定义，可直接通过 //indicatorColor 设置指示器颜色 //indicatorWight 设置指示器厚度 //indicatorPadding //indicatorSize 设置指示器大小计算方式 ///指示器大小计算方式，TabBarIndicatorSize.label跟文字等宽,TabBarIndicatorSize.tab跟每个tab等宽 indicatorSize: TabBarIndicatorSize.tab, //生成Tab菜单 controller: tabController, //构造Tab集合 tabs: tabs.map((e) => Tab(text: e)).toList()); return tabBar; } }
-
Outlook2013/2016签名选项卡无法打开
2019-07-01 17:39:29windows10 64位操作系统，安装的office2013 64位版本，装好后发现outlook选项-邮件选项卡中的“签名”和“信纸和字体"选项无法打开，点击后没有反应。 同样在新建邮件的窗口下，邮件选项卡上的”签名“菜单也是没... -
Java 图形用户界面 选项卡面板的创建
2012-04-15 16:31:48功能：选项卡面板 **/ import java.awt.*; import javax.swing.*; public class Jxxk extends JFrame { private JTabbedPane tabbedPane; private JLabel label1,label2,label3; private JPanel -
Qt5：TabWidget选项卡
2018-11-12 10:31:02Qt的Tab Widget控件会创建一个标签栏，标签栏上可以创建很多选项卡，默认...这个简单示例是根据官方文档使用代码来创建选项卡，没有使用Qt设计师添加，Qt设计师只是添加了一个Tab Widget标签栏。打开Qt，新建一个Q... -
Asp.net_多选项卡页面的创建
2013-01-15 11:42:04看了很多朋友还不会创建多选项卡的页面，特地总结了一下用法，很简单的一看便知。 1.首先下载AjaxControlTookit包放置在Bin目录下，刷新解决方案。 2.页面引入（.aspx） 3.控件调用（.aspx） 此处... -
Excel：Ribbon CustomUI为VBA宏创建自定义功能区选项卡
2019-02-04 00:20:02（1）MyTab选项卡->Opposite按键：将选中单元格的数值变为相反数 （2）MyTab选项卡->Round(Percentile)按键：将选中单元格的数值四舍五入保留两位小数，数值采用千分位表示，如123,456.78 （3）... -
asp.net多选项卡页面的创建及使用方法
2017-08-17 11:22:27看了很多朋友还不会创建多选项卡的页面，特地总结了一下用法，很简单的一看便知。 1.首先下载AjaxControlTookit包放置在Bin目录下，刷新解决方案。 2.页面引入（.aspx） 复制代码 代码如下: ... -
无法在windows azure服务中获得创建表格的数据选项卡？
2015-02-04 03:38:28无法在windows azure服务中获得创建表格的数据选项卡？请解释一下目前在windows azure服务中vs2012里windowphone和应用程序链接具体步骤。 -
mui选项卡
2018-09-28 18:56:27极速创建 ...打开tab-webview-main.html可以在右侧看到已经创建了一个有底部选项卡的主页面。再浏览其它页面可以看到各个页面的内容。但是在右侧的web浏览器中点击选项卡的话，只是顶部标题文字变了，内... -
qt QTabWidget双击选项卡修改选项卡名字
2019-08-16 18:26:50思路：双击发出信号，显示创建好的QLineEdit输入名字，输入完成发出信号，获取QLineEdit的字符给选项卡改名字。由于不想重写QTabWidget，所以主要问题是如何确定QLineEdit的位置。 mainwindow.cpp #include ... -
WPF实现选项卡效果（2）——动态添加AvalonDock选项卡
2015-05-25 10:14:25简介 在前面一篇文章里面，我们使用AvalonDock实现了类似于VS的选项卡（或者浏览器的选项卡）效果。但是我们是通过xaml代码实现。 现在我们尝试通过C#代码实现选项卡的动态添加。修改Xaml代码 在前面一篇文章的... -
前端标签打开新的选项卡
2015-10-22 11:01:01标签在新的选项卡中打开链接 value"> 属性值 值 描述 _blank 在新窗口中打开被链接文档。 _self 默认。在相同的框架中打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个... -
jquery动态增减选项卡
2016-10-12 11:52:05jquery动态增减选项卡 -
Java_Swing图形界面-1选项卡的创建-2使其靠左垂直对齐
2016-10-09 01:58:12Java_Swing图形界面-1选项卡的创建-2使其靠左垂直对齐 -
(VS2013)MFC对话框中用多个按钮创建多个子对话框实现选项卡效果
2015-05-01 10:37:33首先创建一个MFC的对话框工程，并拉几个按钮（本文中假设3个，Button1,Button2,Button3）放在对话框上，注意留出一定的空间给子对话框。往工程里添加3个类（CChildDlg1,CChildDlg2,CChildDlg3），基类是CDialog. ... -
Swing选项卡
2013-06-08 10:24:25选项卡是SWING开发中用的比较多的组件之一，SWING中的选项卡通过JTabbedPane来实现。 它允许用户通过单击具有给定标题和/或图标的选项卡，在一组组件之间进行切换。 通过使用 addTab 和insertTab 方法将选项卡/... -
Android选项卡TabHost功能和用法
2018-06-29 08:50:52TabHost是一个简单的容器，提供如下两种方法来创建选项卡 newTabSpec(String tag):创建选项卡 addTab(TabHost.TabSpec tabSpec):添加选项卡 使用TabHost有三种方法 2、方法1，继承TabActivi... -
tab选项卡跳转，在iframe里面新建选项卡和跳转选项卡
2017-11-14 12:19:04add(title,url){ //title 选项卡的名字 //url 选项卡的链接地址 var parent$ = self.parent.$; //找到父级DOM if (parent$('#tabs').tabs('exists', title)){ parent$('#tabs').tabs('select', ... -
easyui 选项卡Tabs中js不生效
2019-08-20 17:34:18最近遇到一个easyui选项卡的问题，当我们打开新的Tab 时，往往要第一个Tab的js是好的，其他的Tab都没有反应，在这里我发现$(’#id’).click(function(){})无效，function 函数名（）{}是可以用的，但由于多个html... -
SAP MM 明明已经配置好了审批策略，为啥创建的PR单据里不出现release strategy选项卡？
2018-07-24 08:04:16SAP MM 明明已经配置好了审批策略，为啥创建的PR单据里不出现release strategy选项卡？ 如下的设置， 该审批策略检查PR里的工厂代码和PR的单据类型， 而不管金额多少。 采购申请单据，... -
Android studio TabHost选项卡
2018-10-22 14:56:06（1）在Android学习过程中，用户界面设计模块的TabHost是基础且比较重要的一部分（虽然已经过时，但仍然值得了解）。 （2） 1. TabHost常用组件 ... TabSpec : 代表了选项卡界面, 添加一个...-- 创建选项卡 : ne... -
详解谷歌浏览器 performance 选项卡
2020-01-16 16:12:41本文要点：详细介绍谷歌浏览器 performance 选项卡的各个要素，让你知道如何查看网页性能。 -
selenium的选项卡管理和切换 打开新窗口 以及 切换窗口
2018-12-07 16:17:56# brower.execute_script("window.open()") # 打开新的标签页码 time.sleep(5) # 获取所有的窗口 handles = brower.window_handles print(handles) # 当前的窗口 print(brower.current_window_handle) # 切换窗口... -
(VS2013)MFC对话框中用多个按钮创建多个子对话框实现选项卡效果（自己有修改）
2018-03-16 17:42:58参考博文：http://blog.csdn.net/xuanzhangyang/article/details/45418103首先创建一个MFC的对话框工程，并拉几个按钮（本文中假设3个，Button1,Button2,Button3）放在对话框上，注意留出一定的空间给子对话框。... -
easyui学习之选项卡面板
2017-02-08 22:03:49easyUI学习之选项卡 有时候，我们在后台系统使用easyUI的tree功能的时候，需要在点击一个节点，在页面右侧...1. 创建选项卡面板 创建面板有html直接创建，也可以通过js创建，下面介绍的都是使用js来创建。 $
收藏数
239,668
精华内容
95,867