本节介绍B-JUI框架的初始化方法。
初始化方法需要在主页面DOM加载完成后执行
示例代码如下:
$(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, unauthorized: 401, forbidden: 403 }, //[可选] ajax回调函数的状态码 httpCode: { unauthorized: 401, forbidden: 403 }, // 用于定义httpCode ajaxTimeout : 5000, //[可选]全局Ajax请求超时时间(毫秒) dialog : { // [可选]dialog全局配置 mask: false, // 遮罩层 width: 500, // 宽 height: 300 // 高 }, // 插件配置 pluginConfig: { checkbox: 'icheck', // checkbox配置 icheck | default vue: { autoUnmount: true, // 自动卸载,仅支持vue3 unmountAttr: '[data-bj-vue-dom]', // 手动卸载的属性, 用于vue2 }, }, pageInfo : {total:'total', pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数key alertMsg : {displayPosition:'topcenter', displayMode:'slide', alertTimeout:3000}, //[可选]信息提示的显示位置,显隐方式,及[info/correct]方式时自动关闭延时(毫秒) keys : {statusCode:'statusCode', message:'message'}, //[可选] ajax回调函数的key ui : { windowWidth : 1200, //框架显示宽度,0=100%宽,> 600为则居中显示 showSlidebar : true, //[可选]左侧导航栏锁定/隐藏 clientPaging : true, //[可选]是否在客户端响应分页及排序参数 overwriteHomeTab : false //[可选]当打开一个未定义id的navtab时,是否可以覆盖主navtab(我的主页) }, layout: { mode: 'default', // other tags: true, // 是否显示标签页 panel: true, // 手风琴模式 // style: { // headerBg: '#009688', // 顶部头颜色 // sidebarBg: '#001529', // 菜单栏背景色 // sidebarLightBg: '#0c2135', // 非一级菜单背景色 // activeLinkBg: 'linear-gradient(90deg,rgba(59,125,221,.3) 0,rgba(59,125,221,.2) 70%,rgba(0,0,0,.14) 100%)', // 选中的链接背景色 // activeLinkBorderLeftColor: '#3B7DDD' // 选中的链接左border颜色 // } }, debug : true, // [可选]调试模式 [true|false,默认false] theme: 'teal', // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[皮肤:default, orange, purple, blue, red, green, teal] date: true, // [可选]是否显示时钟 // kindEditor插件全局配置 v1.1.7+ KindEditor: { uploadJson: undefined, fileManagerJson: undefined }, iconPrefix: 'fa fa-', // 字体默认前缀,影响button等icon自动生成 }) })