DWZ js库

DWZ框架初始化

在中引入必要的js库
DWZ初始化会自动读取页面组件碎片代码dwz.frag.xml（定义一些dwz组件碎片和提示信息）

注意：dwz.frag.xml需初始化到DWZ环境中   【注意dwz.frag.xml路径问题】

Dwz.init(pathToDwz_frag_xml, options);
pathToDwz_frag_xml: js方式能访问到的dwz.frag.xml，保证通过这个地址能访问到dwz.frag.xml文件
options：对象方式的参数

DWZ.init("dwz.frag.xml", {
//        loginUrl:"loginsub.html", loginTitle:"登录",    // 弹出登录对话框
        loginUrl:"login.html",    // 跳到登录页面
        statusCode:{ok:200, error:300, timeout:301}, //【可选】【自定义的json错误代码】
        pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】【为pageForm指定别名】
        debug:false,    // 调试模式 【true|false】
        //初始化完成后的回调函数
        callback:function(){
            initEnv();
            $("#themeList").theme({themeBase:"themes"});    //$("").theme()设置主题样式  themeBase 相当于index页面的主题base路径
        }
    });


相关js库介绍
dwz.core.js--dwz核心库，主要完成dwz初始化，为JavaScript String增加一些扩展方法

dwz.ui.js--页面效果初始化，html扩展绑定js效果

dwz.ajax.js--ajax表单提交封装

dwz.alertMsg.js--提示框
    确认提示框

alertMsg.confirm("您修改的资料未保存，请选择保存或取消！", {

     okCall: function(){

               $.post(url, {accountId: accountId}, DWZ.ajaxDone, "json");

     }

});

?      成功提示框    alertMsg.correct('您的数据提交成功！')

?      错误提示框    alertMsg.error('您提交的数据有误，请检查后重新提交！')

?      警告提示框    alertMsg.warn('您提交的数据有误，请检查后重新提交！')

?      信息提示框    alertMsg.info('您提交的数据有误，请检查后重新提交！')

dwz.jDialog.js--弹出层组件框

dwz.accordion.js--滑动面板组件框

dwz.barDrag.js--DWZ左边的活动面板

dwz.navTab.js--导航Tab组件框
    打开一个标签页   navTab.openTab(tabid, title, url, [data])

    重新载入标签页，如果无tabid参数，就载入当前标签页navTab.reload(url, data, [tabid])

    获取当前标签页容器 navTab. getCurrentPanel()

    关闭一个标签页navTab.closeTab(tabid)

    关闭当前标签页navTab.closeCurrentTab()
    关闭全部标签页navTab.closeAllTab()

dwz.scrollCenter.js--页面容器自动居中

dwz.stable.js--table组件框

dwz.cssTable.js--简单table组件框

dwz.tree.js--tree组件框

dwz.theme.js--切换界面主题风格

dwz.validate.method.js--jquery.validate.js表单验证扩展方法

dwz.validate.zh.js--表单验证本地化

dwz.contextmenu.js--自定义鼠标右键菜单【注意：需在dwz.frag.xml中加入菜单项定义】
    如：navTab和dialog两个组件的菜单项定义
        <_PAGE_ id="navTabCM">

              

                

• 关闭标签页

                

• 关闭其它标签页

                

• 关闭全部标签页

             

         ]]>_PAGE_>

 

        <_PAGE_ id="dialogCM">

             

                

• 关闭弹出窗口

                

• 关闭其它弹出窗口

                

• 关闭全部弹出窗口

             

        ]]>_PAGE_>
    

示例：

    $("body").contextMenu('navTabCM', {

        bindings:{

           closeCurrent:function(t){

               // TODO

           },

           closeOther:function(t){

               // TODO

           },

           closeAll:function(t){

               // TODO

           }

        },

       ctrSub:function(t,m){

           var mCur = m.find("[rel='closeCurrent']");

           var mOther = m.find("[rel='closeOther']");

           var mAll = m.find("[rel='closeAll']");

           // TODO

       }

    });