B-JUI 客户端框架

$(function() {

BJUI.init({

JSPATH : 'BJUI/', //[可选]框架路径

PLUGINPATH : 'BJUI/plugins/', //[可选]插件路径

loginInfo : {url:'login_timeout.html', title:'登录', width:400, height:200}, // 会话超时后弹出登录对话框

statusCode : {ok:200, error:300, timeout:301}, //[可选]

ajaxTimeout : 50000, //[可选]全局Ajax请求超时时间(毫秒)

pageInfo : {total:'total', pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数

alertMsg : {displayPosition:'topcenter', displayMode:'slide', alertTimeout:3000}, //[可选]信息提示的显示位置,显隐方式,及[info/correct]方式时自动关闭延时(毫秒)

keys : {statusCode:'statusCode', message:'message'}, //[可选]

ui : {

windowWidth : 1200, //框架显示宽度,0=100%宽,> 600为则居中显示

showSlidebar : true, //[可选]左侧导航栏锁定/隐藏

clientPaging : true, //[可选]是否在客户端响应分页及排序参数

overwriteHomeTab : false //[可选]当打开一个未定义id的navtab时,是否可以覆盖主navtab(我的主页)

},

debug : true, // [可选]调试模式 [true|false,默认false]

theme : 'sky' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]

})

// main - menu

$('#bjui-accordionmenu')

.collapse()

.on('hidden.bs.collapse', function(e) {

$(this).find('> .panel > .panel-heading').each(function() {

var $heading = $(this), $a = $heading.find('> h4 > a')

if ($a.hasClass('collapsed')) $heading.removeClass('active')

})

})

.on('shown.bs.collapse', function (e) {

$(this).find('> .panel > .panel-heading').each(function() {

var $heading = $(this), $a = $heading.find('> h4 > a')

if (!$a.hasClass('collapsed')) $heading.addClass('active')

})

})

$(document).on('click', 'ul.menu-items li > a', function(e) {

var $a = $(this), $li = $a.parent(), options = $a.data('options').toObj(), $children = $li.find('> .menu-items-children')

var onClose = function() {

$li.removeClass('active')

}

var onSwitch = function() {

$('#bjui-accordionmenu').find('ul.menu-items li').removeClass('switch')

$li.addClass('switch')

}

$li.addClass('active')

if (options) {

options.url = $a.attr('href')

options.onClose = onClose

options.onSwitch = onSwitch

if (!options.title) options.title = $a.text()

if (!options.target)

$a.navtab(options)

else

$a.dialog(options)

}

if ($children.length) {

$li.toggleClass('open')

}

e.preventDefault()

})

//时钟

var today = new Date(), time = today.getTime()

$('#bjui-date').html(today.formatDate('yyyy/MM/dd'))

setInterval(function() {

today = new Date(today.setSeconds(today.getSeconds() + 1))

$('#bjui-clock').html(today.formatDate('HH:mm:ss'))

}, 1000)

})

//菜单-事件

function MainMenuClick(event, treeId, treeNode) {

event.preventDefault()

if (treeNode.isParent) {

var zTree = $.fn.zTree.getZTreeObj(treeId)

zTree.expandNode(treeNode, !treeNode.open, false, true, true)

return

}

if (treeNode.target && treeNode.target == 'dialog')

$(event.target).dialog({id:treeNode.tabid, url:treeNode.url, title:treeNode.name})

else

$(event.target).navtab({id:treeNode.tabid, url:treeNode.url, title:treeNode.name, fresh:treeNode.fresh, external:treeNode.external})

}

$(function(){

SyntaxHighlighter.config.clipboardSwf = '/js/syntaxhighlighter-2.1.382/scripts/clipboard.swf'

$(document).on(BJUI.eventType.initUI, function(e) {

SyntaxHighlighter.highlight();

})

})

  • 消息 4
  • 我的账户
    • 修改密码
    • 我的资料
    • 注销登陆
  • 树状导航栏(宽版)
    • 黑白分明
    • 橘子红了
    • 紫罗兰
    • 天空蓝
    • 绿草如茵
  • 表单元素

    • 按钮

      • 文本框
      • 下拉选择框
    • 文本框
    • 下拉选择框
    • 复选、单选框
    • 表单示例
  • 表格
    • 普通表格
    • 固定表头表格
    • 可编辑表格
  • Datagrid(beta)
    • 转换普通表格
    • 完整示例
    • 三种数据类型
  • 弹出窗口
    • 弹出窗口
    • 信息提示
  • 图形报表
    • Highcharts图表
    • ECharts图表
  • 框架组件
    • 选项卡
  • 其他插件
    • zTree
    • zTree下拉选择
  • 综合应用
    • 局部刷新1
  • 在线文档
    • 文件详解
    • 页面结构
    • 框架初始化
    • 横向导航菜单
    • 标签工作区(navtab)
    • 弹窗工作区(dialog)
    • 元素ID命名规范
    • data属性
    • jQuery API调用
    • 事件
    • URL动态赋值
    • 颜色值
    • 标签navtab
    • navtab参数
    • 弹窗dialog
    • dialog参数
    • 信息提示alertmsg
    • 日期选择器
    • 微调器
    • 查找带回
    • 自动完成标签
    • Ajax上传组件
    • 右键菜单
    • 回调函数
    • 提交表单
    • 搜索表单
    • 加载(局部刷新)
    • 执行动作
    • 表格样式
    • 字段排序
    • 分页组件
    • 行选中操作
    • 固定表头
    • 可编辑表格
    • datagrid示例
    • datagrid参数
    • columns参数
    • Highcharts图表
    • ECharts图表
    • zTree
    • 复选/单选
    • 下拉选择框
    • 表单验证
    • KindEditor
    • Ajax Download
  • 系统设置
    • 角色权限
    • 用户列表
    • 关于我们
    • 友情链接

导航栏

  • #maintab#
  • #maintab#

Loading...

Copyright © 2013 - 2015 成都锦杨科技

一键复制

编辑

Web IDE

原始数据

按行查看

历史

html5 %3cul 标签,index.html相关推荐

  1. html5 meta标签属性整理

    html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...

  2. HTML5 新标签总汇

    HTML5 新标签总汇 2010-12-16 20:44  聂微东  阅读(5060)  评论(8)  编辑  收藏 HTML5新标签总汇:   有问题欢迎指出,有关于CSS3方面的知识点较多,下周一 ...

  3. 关于html5的标签整理合集(二)

    今天我继续来补充html5的标签整理,都是一些重点的: 超链接跳转 href:用于指定链接目标的url地址,当为标签的应用href属性时,他就具有了超链接的功能. target:用于指定链接页面的打开 ...

  4. HTML5常见标签的使用以及DOM操作

    一.HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1( ...

  5. HTML与HTML5常用标签

    目录 学前准备 一.HTML简介 1.1 HTML是什么 1.2 HTML发展历史 1.3 HTML⽂档类型的设定 二.HTML基础语法 2.1 HTML基本结构 2.2 注释 2.3 HTML注释 ...

  6. 04-前端技术_HTML与HTML5常用标签

    目录 一,HTML与HTML5常用标签 学前准备 1,HTML简介 1.1 HTML是什么 1.2 HTML发展历史 1.3 HTML⽂档类型的设定 2,HTML基础语法 2.1 HTML基本结构: ...

  7. html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)

    点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1.  声明的变化 2.  指定字符编码的变化,html5中建议使用utf-8 3.  Html5中允许 没有 ...

  8. html5新标签使用

    HTML 5 视频标签<video> <video width="320" height="240" controls="contr ...

  9. php中 datalist,html5 datalist标签的用法是什么?这里有datalist标签的用法实例

    本篇文章主要为大家讲述了关于html5 datalist标签的用法及html5 datalist标签的用法实例.本文说了两个常用的选项框的实例供大家选择观看,下面就让我们一起来看这篇文章吧 我们先来看 ...

最新文章

  1. 动态内存检测工具Valgrind
  2. 3月第一周几个要处理的问题
  3. Mybatis:传输多个参数
  4. MATLAB之基本语法之常用命令
  5. 超级计算机预测2月有雪寒潮,干寒潮后,雪寒潮还要来?超级计算机:不确定性很大,需密切观察...
  6. 配电室智能监控系统设计及实现分析
  7. 神经网络算法的基本原理,神经网络算法都有哪些
  8. 混合基金量化投资策略应该怎么制定?
  9. evolution ubuntu邮箱_linux下有什么好用的邮件客户端?
  10. 打鱼晒网C语言程序,C语言打鱼还是晒网问题
  11. 如果有10个词,我想从中取3个词,然后把所有的10选3的可能统计记录下来,该怎么做?...
  12. OSPF——5种报文(图解)
  13. 请推荐几个程序员面试时自我介绍的范文!
  14. 手动清除网卡IP的Linux命令
  15. 针对某眼电影加密字体的爬虫
  16. 后端面试知识点总结 数据库 mysql
  17. Python程序语句
  18. 鸿蒙系统会不会吸收linux,鸿蒙系统是不是别人不给它适配?
  19. 关于unity物体移动穿墙问题。
  20. 低代码指南100解决方案:86教育信息化时代,学校该如何加强家校信息交流?

热门文章

  1. LeetCode中等题之煎饼排序
  2. LeetCode简单题之检查字符串是否为数组前缀
  3. Apache POI:解决数据库和Excel之间相互转换的烦恼~
  4. 向Relay添加算子
  5. OneFlow系统设计
  6. nvGRAPH API参考分析(二)
  7. 使用NVIDIA GRID vPC支持视频会议和算力工具
  8. 优化汽车仪表板以实现高效渲染
  9. gpgpu-sim卡分配程序设计实例分析
  10. Linux服务器上监控网络带宽的18个常用命令