本节介绍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自动生成
                })
            })