DWZ前端框架使用问题记录

心得体验：
DWZ依赖特定的HTML结构，所以一定要注意项目中的HTML结构，多用firebug查看，还有如果使用一些组件的时候出现问题，可以查看下返回JSON格式是否符合组件规定的JSON格式，很多都是因为这个问题造成的。
DWZ分navTab标签页和dialog弹出层，所以表单的回调函数应该在navTab页面上使用navTabAjaxDone，在dialog页面上使用dialogAjaxDone。

问题记录：
Q1:dialog加载的表格数据批量操作有问题，获取不到id。
解决：
    在操作里加入targetType="dialog"
Q2: dialog加载的表格数据排序有问题，点需要排序的表头没反应，已确定后台没问题。
解决：
    在外层table里加入targetType="dialog"
Q3：dialog加载的表格数据分页问题，点了下一页没反应
解决：
    分页那里需要设置为<div class="pagination" targetType="dialog" totalCount="{$totalCount}" numPerPage="{$numPerPage}" pageNumShown="10" currentPage="{$currentPage}"></div>
Q4：在正式版本中，dialog层操作成功后，层不会自动关闭,主页不刷新
解决：表格结构如下
        <form method="post" action="__URL__/edit/navTabId/datagrid/callbackType/closeCurrent" class="pageForm required-validate" onsubmit="return validateCallback(this,dialogAjaxDone)"></form>
        影响关闭：callbackType/closeCurrent
        影响刷新：navTabId/datagrid(主页页面名称)
Q5:二级dialog操作成功后，一级dialog里的数据表格不刷新
解决：目前没找到dwz自带的方法，暂用扩展方法
    页面JS：
        function dialogAjax(json){
            dialogAjaxDone(json);  // 用于二级dialog层关闭
            $.pdialog.reloadDialog('dialog1');
        }
    扩展方法，放在dwz.dialog.js中：
    reloadDialog:function(dialogId){
        var dialog = $("body").data(dialogId);
        if(dialog){
        $.pdialog.reload(dialog.data("url"),{dialogId:dialogId});
        }
    }
    调用函数：
        <a class="button" href="url" target="dialog" rel="dialog2" ><span>打开窗口</span></a>//打开二级dialog,rel="dialog2"为二级dialog的id标识
        <a href="url" target="ajaxTodo"  title="你确定要删除吗？" callback="dialogAjax('dialog1')">删除</a>