摘要: 参数(options) DOM方式初始化navtab的,推荐使用集合属性data-options定义参数,如果使用data属性定义参数,注意转换成对应的名称。 描述 方法 事件 这样监听navtab的事件: 阅读全文
posted @ 2016-11-17 23:52 guodaxia 阅读(5396) 评论(0) 推荐(0) 编辑
摘要: 创建navtab 创建一个navtab有以下两种方式: 1、Data属性:DOM添加属性data-toggle="navtab"后,单击触发。 a链接示例: 按钮示例: 参数集合写法: 其他示例(回调函数) 2、jqueryAPI的方式 jqueryAPI代码: 注意: 1、取得当前navtab的内 阅读全文
posted @ 2016-11-17 23:21 guodaxia 阅读(2197) 评论(0) 推荐(0) 编辑
摘要: url动态赋值: 指的是url中包含{selector},即花括号括起来的jQuery选择器,当提交该url时,框架会自动将selector对应元素的值替换到花括号所占区域。 (感觉实现了一点类似el表达式的效果) 后面的文档中,凡是标记有D-Url字样的URL参数,均支持动态赋值,通常支持动态赋值 阅读全文
posted @ 2016-11-17 22:09 guodaxia 阅读(1510) 评论(0) 推荐(0) 编辑
摘要: <a href="javascript:;" class="btn btn-default doc-event-1">创建div容器</a>我上面这样定义的,下面这样居然可以得到: $('a.doc-event-2').removeClass('hide'); 阅读全文
posted @ 2016-11-17 18:09 guodaxia 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 监听事件 触发事件 这样子的话我就可以不需要向以前一样直接调用$(selector).change();调用change();事件了。 阅读全文
posted @ 2016-11-17 18:07 guodaxia 阅读(3201) 评论(0) 推荐(0) 编辑
摘要: 本框架内置组件的事件基本上都是jquery自定义事件。 监听事件 触发事件 全局事件 bjui.initUI事件示例: 1、定义一个div容器,为它添加一个文本框,让div容器监听bjui.initUI事件(将文本框的边框颜色改为红色)。 2、点击“创建div容器”,将div容器附加到按钮后面。 3 阅读全文
posted @ 2016-11-17 18:04 guodaxia 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 本框架内置组件以及部分插件都可以通过jquery选择器进行API调用,支持链式操作,如下示例。 使用的选择器是符合jquery规则的选择器。 点击后的结果是:打开一个ID为“mydialog”的弹出窗口,然后修改该选择器的值为“OK”。 组件的初始化: 本框架的内置组件通过如下方式初始化以及调用开放 阅读全文
posted @ 2016-11-17 17:22 guodaxia 阅读(2098) 评论(0) 推荐(0) 编辑
摘要: 本框架内置组件以及部分插件可以通过data属性来初始化并使用,通常通过data-toggle来调用API(toggle是触发器的意思,例如我们创建一个navtab标签可以通过为a的data-toggle="navtab")。如无特殊说明,相关参数也通过data属性传递。 data属性无法向JS传递含 阅读全文
posted @ 2016-11-17 17:09 guodaxia 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 因为本框架默认所有内容都位于一个Document中,所以为元素命名为ID的时候需要做到唯一性,如果确实不可避免的会出现有重读ID的现象,需要操作当前页片(页面片段,就是子页面)的时候,尽量用: 阅读全文
posted @ 2016-11-17 16:53 guodaxia 阅读(1390) 评论(0) 推荐(0) 编辑
摘要: 弹出窗口分为普通弹出窗口和模态弹出窗口,普通弹出窗口可以铜鼓taskBar组件进行最小化等操作。弹出的窗口的DOM结构会放入主页面的body中,结构如下: 阅读全文
posted @ 2016-11-17 16:48 guodaxia 阅读(415) 评论(0) 推荐(0) 编辑
摘要: B-JUI使用标签可以加载其他页面的数据 B-JUI框架的整个工作区部分就是一个navtab组件,本页面位于“#bjui-container”容器内,固定的html结构如下: 注意:可以为主业指定载入的页面url以及自动刷新等参数,如: (我还没测试成功,只是抄写一下) 阅读全文
posted @ 2016-11-17 16:41 guodaxia 阅读(907) 评论(0) 推荐(0) 编辑
摘要: 前面我们已经知道,bjui的重要模块部分的样式啊什么的是要遵守规则的,就是它们的规则。 下面就是横向导航菜单的规则: 示例: 说明: 1、横向菜单(#bjui-hnav-navbar)的li元素添加Class “active”,并含有class为item hide包裹有zTree菜单或列表菜单的di 阅读全文
posted @ 2016-11-17 15:40 guodaxia 阅读(2400) 评论(0) 推荐(0) 编辑
摘要: 前面提到了,但是我想只有我再过一遍才会更有点感觉吧。 B-JUI仅有一个主页面(document),框架内的所有子页面将通过Ajax获取后作为一个页面片段附加到主页面上(这个我的感觉是获取了子页面的重要成分然后在主页面对应部分重新的构建),外部页面则通过iframe嵌入主页面。 主页面的文档格式: 阅读全文
posted @ 2016-11-17 15:13 guodaxia 阅读(478) 评论(0) 推荐(0) 编辑
摘要: B-JUI 客户端框架 您还在使用老掉牙的IE,正常使用系统前请升级您的浏览器到 IE8以上版本 点击升级 强烈建议您更改换浏览器:谷歌 Chrome ... 阅读全文
posted @ 2016-11-17 14:42 guodaxia 阅读(7458) 评论(0) 推荐(0) 编辑
摘要: 框架的文件夹以及文件说明: 页面结构: HTML5 文档类型 同Bootstrap, B-JUI使用 HTML5 文档类型,参照下面的格式进行设置。 主页面结构(仅body部分) 主页面由上(页头)、中左(导航菜单)、中右(工作区)、下(页脚)四部分组成,其中左侧导航菜单可收缩。结构如下: 子页面( 阅读全文
posted @ 2016-11-17 14:39 guodaxia 阅读(472) 评论(0) 推荐(0) 编辑
摘要: bjui官网:http://demo.b-jui.com/ 其他的我就不是很了解,恶心。 阅读全文
posted @ 2016-11-17 14:04 guodaxia 阅读(260) 评论(0) 推荐(0) 编辑