标签工作区(navtab)

B-JUI使用标签可以加载其他页面的数据

B-JUI框架的整个工作区部分就是一个navtab组件,本页面位于“#bjui-container”容器内,固定的html结构如下:

<div id="bjui-navtab" class="tabsPage">
    <div class="tabsPageHeader">
        <div class="tabsPageHeaderContent">
            <ul class="navtab-tab nav nav-tabs">
                <li><a href="javascript:;"><span>我的主页</span></a></li>
            </ul>
        </div>
        <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
        <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
        <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
    </div>
    <ul class="tabsMoreList">
        <li><a href="javascript:;">我的主页</a></li>
    </ul>
    <div class="navtab-panel tabsPageContent">
        <div class="page unitBox">
            <!-- 主页内容 -->
        </div>
        <!-- 各页片内容区域 -->
    </div>
</div

注意:可以为主业指定载入的页面url以及自动刷新等参数,如:

<li><a href="javascript:;" data-url="form/child.jsp" data-autorefresh="true"><span>我的主页</span><a> </li>

(我还没测试成功,只是抄写一下)

时间: 2024-08-27 08:17:01

标签工作区(navtab)的相关文章

data属性

本框架内置组件以及部分插件可以通过data属性来初始化并使用,通常通过data-toggle来调用API(toggle是触发器的意思,例如我们创建一个navtab标签可以通过为a的data-toggle="navtab").如无特殊说明,相关参数也通过data属性传递. data属性无法向JS传递含有大写字母的参数,如果参数是驼峰式(大小写混搭),则需要将大写字母转换为-加小写.如: reloadWarn ---> reload-warn maxAndLevel --->

元素ID命名规范

因为本框架默认所有内容都位于一个Document中,所以为元素命名为ID的时候需要做到唯一性,如果确实不可避免的会出现有重读ID的现象,需要操作当前页片(页面片段,就是子页面)的时候,尽量用: $.CurrentNavtab.find("#dom-id"),在当前标签工作区中查找指定ID的元素 或 $.CurrentDialog.find("#dom-id"),在当前弹窗中查找指定ID的元素

UI插件【B-JUI页面id唯一】

页面结构 B-JUI仅有一个主页面(document),框架内的所有子页面将通过Ajax获取后作为一个页面片段附加到主页面上,外部页面则通过iframe嵌入主页面. 主页面结构(仅body部分) 主页面由上(页头).中左(导航菜单).中右(工作区).下(页脚)四部分组成,其中左侧导航菜单可收缩.结构如下: <header class="bjui-header" id="bjui-header">     <!-- 页头 --> </he

标签navtab

创建navtab 创建一个navtab有以下两种方式: 1.Data属性:DOM添加属性data-toggle="navtab"后,单击触发. a链接示例: <a href="form/other.jsp" data-toggle="navtab" data-id="mynavtab" data-reload-warn="已打开业务界面,确认将重新载入?" data-title="我的业务界

Git学习8--操作标签

如果标签打错了,也可以删除: $ git tag -d v0.1 Deleted tag 'v0.1' (was e078af9) 因为创建的标签都只存储在本地,不会自动推送到远程.所以,打错的标签可以在本地安全删除. 如果要推送某个标签到远程,使用命令git push origin <tagname>: $ git push origin v1.0 Total 0 (delta 0), reused 0 (delta 0) To [email protected]:michaelliao/l

DWZ SSH2 菜单树--使用Struts2 标签(iterator/set/if 组合使用)

最近在研究DWZ框架,然后要写一个菜单树,后台我使用了SSH2,然后想把菜单通过后台传过来的对象展示出来. 但是,发现应用样式的时候,如果子菜单在子循环中为空的话,会多出一对空标签“<ul></ul>”,而DWZ的框架的样式,一旦发现标签<li>下出现标签“<ul></ul>”, 不论标签“<ul></ul>”里的内容是否为空,都会判断<li>为父级菜单,不是为最终的子菜单. 所以我只能在页面的父级循环中使用s

navtab方法参数以及事件

参数(options) DOM方式初始化navtab的,推荐使用集合属性data-options定义参数,如果使用data属性定义参数,注意转换成对应的名称. 名称 类型 默认值 描述 id string undefined [必选]标签的ID,如果指定重复,将覆盖现有ID相同标签 title string New tab [可选]标签打开后显示的名称 url string undefined [可选]D-Url 请求数据的url,a链接触发时可以将url定义在href属性 external b

工作区中一些文件的作用

项目工作区组成 MainActivity.java public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //调用父类的onCreate()方法 setContentView(R.layout.activity_main); //调用布局文件 } } Activit

React-如何在jsx中自动补全标签(vscode)

痛点:  React库最近的增长趋势很明显, 很多朋友都在选择学习, 很多公司也在选择使用React栈. 但在使用React库写代码的时候, 有一个很让人苦恼的问题, 就是标签在jsx语法中不能自动补全(vscode) 那我们经常会想到下载对应的插件来解决这个问题, 可以我们尝试了多个插件之后, 还是解决不了这个问题.  所以小编就深入的对这个东西进行了研究. 发现在vscode的设置中就可以配置. 配置的具体代码是: "emmet.includeLanguages": {     &