版本升級如果無特殊說明只要把高版本中的dwz.*.js全部覆蓋、還有dwz.frag.xml和theme目錄下的css就可完成升級。
如果新添加了js庫,需要在index.html頁面head標(biāo)簽中引入。
1) Tree組件葉子節(jié)點(diǎn)添加自定義圖標(biāo)
2) 添加?xùn)鸥裣到y(tǒng)(參照Bootstrap)
3) 添加initEnvAfter 自定義事件,框架initEnv() 完成時(shí)執(zhí)行
1)調(diào)整DWZ插件注冊和初始化機(jī)制。方便DWZ和其它第三方j(luò)Query插件整合,不需要修改dwz.ui.js源碼,可以按照DWZ插件注冊機(jī)制引入外部js。建議把第三方j(luò)Query插件注冊相關(guān)代碼放到外部js文件中,方便以后DWZ版本升級。
第三方j(luò)Query插件注冊示例:
DWZ.regPlugins.push(function($p){
//$p 是作用域, jQuery選擇器從$p這個(gè)父容器中選擇,如果沒寫會引起第三方插件被重復(fù)初始化問題
$("img.lazy", $p).lazyload({ effect : "fadeIn" });
});
2)修復(fù)dwz export插件bug
3)添加百度地圖示例
4)升級注意事項(xiàng):如果修改過dwz.ui.js需要仔細(xì)比對一下
jQuery更新到1.9.1,xheditor更新到1.2.2
解決dwz.tree.js 那個(gè)選中父節(jié)點(diǎn)下單個(gè)子節(jié)點(diǎn)獲取不到值問題
解決sortDrag 排序出現(xiàn)滾動條的話滾動出現(xiàn)的部分拖動 一點(diǎn)就跑上面去了
解決DWZ IE10 表單驗(yàn)證頁面兼容問題,刪除index頁面<meta http-equiv="X-UA-Compatible"content="IE=7" />
升級xheditor 到v1.2.1版
uploadify 從2.1版本升級到v3.2版本, 調(diào)整dwz中uploadify 2種demo(自動上傳方式;選擇文件后再點(diǎn)擊Upload按鈕上傳方式)
修正navTab, dialog組件session超時(shí)處理流程,自動關(guān)閉當(dāng)前navTab或dialog
解決speedup.js(用于IE加速)IE10中報(bào)錯(cuò)問題
修正dwz.database.js主從結(jié)構(gòu)中含有日期控件時(shí),dateFmt格式不一致問題
修正dwz.database.js主從結(jié)構(gòu)上傳附件,彈出的窗口上傳文件之后,帶回的文件名不顯示出來,原因是該控件中的items[#index#]中的#index#沒有被替換,導(dǎo)致js找不到控件,而無從替換
修復(fù)使用xheditor插件IE下兼容問題:IE下打開一個(gè)含有編輯器的頁面,然后關(guān)閉,再打開不能錄入問題
修復(fù)多文件上傳插件uploadify的html擴(kuò)展方式,java讀取不到數(shù)據(jù)流問題:原因是以前沒有把input="file" 的name屬性填充到插件uploadify的fileDataName中
保持navTab有pagerForm的列表頁面reload查詢條件(比如第5頁上要修改一條記錄 修改完了 刷新 頁數(shù)還在第五頁)
日歷控件添加動態(tài)參數(shù) (具體細(xì)節(jié)請參考本手冊:HTML擴(kuò)展 -> 日歷控件)
添加圖表示例
修復(fù)表單驗(yàn)證插件jquery.validate.js1.9版本, 在IE下重復(fù)提交2次問題。
升級表單驗(yàn)證插件jquery.validate.js到最新1.9版本,解決上jUI上一版本中jQuery1.7.1和jquery.valiate1.7 在IE下兼容問題
調(diào)整suggest+lookup,見文檔: HTML擴(kuò)展à suggest+lookup+主從結(jié)構(gòu)
添加拖動排序組件sortDrag
升級注意更新dwz.frag.xml、js、css和表單提交返回的json結(jié)構(gòu)添加confirmMsg這是navTabAjaxDone中 forwardConfirm時(shí)的提示信息,具體細(xì)節(jié)可以看dwz.ajax.js源碼和里面的注釋
升級注意:
· index頁面中<div class="navTab-panel tabsPageContent">添加class“l(fā)ayoutBox”改成<div class="navTab-panel tabsPageContent layoutBox">
· 然后更新js、css、dwz.frag.xml
Changelist:
1. 修復(fù)combox聯(lián)動菜單重復(fù)發(fā)送ajax請求問題s
2. 調(diào)整layoutH=“xx”的高度根據(jù)含有class=”layoutBox”的父容器div動態(tài)更新
3. 修復(fù)navTab 打開外部頁面和iframe方式打開時(shí),瀏覽器前進(jìn)后退問題
a. <a target="navTab"href="http://www.baidu.com">外部頁面</a>
b. <a target="navTab"href="url" external=”true”>iframe 方式打開</a>
4. 調(diào)整Lookup、suggest,添加聯(lián)動效果。自定義查找?guī)Щ刂麈IlookupPk, 可選項(xiàng)默認(rèn)為id。
5. 添加多選查找?guī)Щ豰ultLookup
1. 修改combox代碼還原onchane事件寫法,不用change param分開寫了,修改級聯(lián)菜單。(請參考本手冊“HTML擴(kuò)展 à combox組件”)
2. 修改dwz.ajax.js 中ajax分頁、局部刷新相關(guān)接口
3. 添加 jUI組件組合應(yīng)用 局部刷新分頁demo
1. 修復(fù)當(dāng)左邊菜單折疊,然后再展開時(shí),table的縱向滾動條會消失問題
2. taskBar彈出框任務(wù)欄添加hover加亮效果
3. 添加dwzExport列表數(shù)據(jù)導(dǎo)出html擴(kuò)展,具體介紹請參見本手冊html擴(kuò)展部分
<a href="doc/dwz-team.xls" target="dwzExport">導(dǎo)出EXCEL</a>
4. 簡化index.html頁面,以下代碼片段移入dwz.frag.xml中
o taskBar
o resizable
o Shadow (陰影層)
o <div id="alertBackground"class="alertBackground"></div>
o <div id="dialogBackground" class="dialogBackground"></div>
o <div id='background' class='background'></div>
o <div id='progressBar' class='progressBar'>數(shù)據(jù)加載中,請稍等...</div>
1. 解決loadUrl插件IIS不能用Ajax訪問*.htm或是*.html后綴的頁面
2. 日歷組件class="date"并且自定義pattern 時(shí)和驗(yàn)證沖突問題,pattern 改成 format
3. session超時(shí),彈出登錄框,登錄后還能保存當(dāng)前操作到的狀態(tài)
1. 添加橫向?qū)Ш綑? 參考示例index_menu.html
2. 添加主從結(jié)構(gòu)組件 , 參考示例db_widget.html和dwz.database.js
3. 添加suggest自動完成的提示框組件
4. 修復(fù)table組件當(dāng)把左邊欄收縮后拖動下邊的滾動條,內(nèi)容和題錯(cuò)位問題
5. 高級table擴(kuò)展的拖動有BUG,單擊一下就直接往前縮小了一部分
6. 修復(fù)nav Tab組件關(guān)于[頁面一(外部頁面)],在tab標(biāo)簽上右鍵刷新,就會出現(xiàn)[數(shù)據(jù)加載中,請稍等...]的loading的效果,但不會自動關(guān)掉。所有運(yùn)用iframe的頁面同樣出現(xiàn)此問題的bug
1. 添加新主題風(fēng)格azure
2. 添加lookup調(diào)用的dialog設(shè)置resizable和maxable
3. green和purple主題的tree和formBar樣式不正確
4. 一個(gè)頁面多個(gè)combox,在加載的時(shí)有幾率使兩個(gè)combox變?yōu)橄嗤瑔栴}
5. combox不能用validation驗(yàn)證問題
6. 解決在form表單的<p></p>中使用如果使用combox會造成位置不正確
1. 使用隱藏iframe來處理無刷新表單提交時(shí),服務(wù)器端返回json格式和普通DWZ 普通ajax 表單提交保持一致(即validateCallback和iframeCallback服務(wù)器端返回json格式一致)。具體細(xì)節(jié)請參考“文件上傳表單提交”部分
2. 新增關(guān)聯(lián)對象查找?guī)Щ亟M件lookup
3. 修改了dwz.stable.js解決了table表格組件的標(biāo)題,拉動后,會和下面的記錄錯(cuò)位問題。
4. 新增表格組件多選批量刪除功能
5. 新增表格組件點(diǎn)擊表頭數(shù)據(jù)庫排序功能
6. 調(diào)整table表格組件默認(rèn)寬進(jìn)和普通的html table保持一致。
7. table表格組件添加TD內(nèi)容超大時(shí)是否多行顯示控制, nowrapTD="false" 時(shí)TD可以自動換行
<table class="table" layoutH="138" nowrapTD="false"width="100%">
8. 解決切換主題后,左邊的菜單,左右拉動IE下失效問題。
9. 修復(fù)日歷控件當(dāng)日期格式不匹配時(shí)初始化失敗問題,格式錯(cuò)誤時(shí)默認(rèn)為當(dāng)前日期。
10. 解決在ie下頁面有xheditor編輯器時(shí),經(jīng)過多次編輯后,文本框失效,不能輸入問題。
DWZ中jQuery版本從1.4.2升級到1.4.4
navTab組件重復(fù)打開同一個(gè)頁面時(shí)是否重新加載數(shù)據(jù)控制: navTab.openTab(tabid, url,{ title:”New Tab”, fresh:false, data:{} });
解決dwz.combox.js中的select把jquery中的select沖突問題
日歷控件添加自定義選擇時(shí)間控制功能。
組件navTab支持打開外部連接,navTab組件自動判斷如果是外部連接就用iframe方式打開。
修復(fù)tab組件和inputAlert組件沖突問題。
xhEditor升級到最新版本。
解決Input alt擴(kuò)展和必填字段class=”required”沖突問題
修復(fù)uploadify打開多個(gè)navTab時(shí)出現(xiàn)多個(gè)upload按鈕
修復(fù)table組件數(shù)據(jù)量多的時(shí)候 調(diào)整這個(gè)列寬時(shí), IE下提示“是否停止腳本運(yùn)行”
checkbox全選、反選示例。(demo à 表單組件 à多選框/單選框)
Tree組件優(yōu)化,增加checkbox屬性checked,表示checkbox默認(rèn)狀態(tài)是否checked,
修改select combox組件的默認(rèn)樣式
此版本對應(yīng)的dwz_thinkphp-1.0RC1,可以結(jié)合dwz_thinkphp版本去理解DWZ和服務(wù)器端的交互方式
DWZ.init() 方法添加debug狀態(tài),用于DWZ.debug()
添加jquery.uploadify文件上傳HTML擴(kuò)展
HTML擴(kuò)展方式navTab, dialog, ajaxTodo 的url支持變量替換。例如:__URL__/edit/id/{sid_user}
Table組件修復(fù)切換navTab延時(shí)問題
添加dwz.checkbox.js用于checkbox全選、反選
添加combox下拉菜單組件(支持多級聯(lián)動)
解決jQuery1.4.2與jquery.validate.js在IE6下兼容問題,jQuery版本升級到1.4.2
修復(fù)dialog內(nèi)容無法復(fù)制問題
dialog彈出后默認(rèn)居中
添加session超時(shí)控制選擇,跳轉(zhuǎn)到“登錄頁面”或彈出帶屏蔽層的“登錄對話框”
navTab的openTab(tabid, title, url, [data])接口添加data參數(shù),并調(diào)換title和url位置
navTab右鍵菜單添加“刷新標(biāo)簽頁”
修復(fù)google瀏覽器中日歷控件icon錯(cuò)位問題,和button字體錯(cuò)位問題
修復(fù)在彈出窗口 再彈出一個(gè)窗口是,新彈出的窗口被遮住問題
修復(fù)IE6下ajaxTodo 成功后關(guān)閉當(dāng)前navTab時(shí)js出錯(cuò)問題
添加CSS Table:原生html + CSS實(shí)現(xiàn),無js處理效果、最簡單、最基本、性能最高的table。
添加國際化dwz.regional.zh.js,刪除dwz.validate.zh.js
DWZ打包JS,dwz.min.js
修復(fù)panel折疊效果IE下錯(cuò)位問題
修復(fù)DWZ日歷控件IE6下被input和select覆蓋問題
添加panel折疊效果
添加DWZ日歷控件
Tree添加控制默認(rèn)展開/收縮控制。
jQuery1.4.2和jquery.validate.js在IE有兼容問題,ajax表單提交在IE不能觸發(fā)form onsubmit事件。導(dǎo)致form提交后跳轉(zhuǎn)到了一個(gè)白頁面,還原到j(luò)Query1.3.2
解決v1.1.3 dialog上的分頁問題。
修復(fù)了一些v1.1.2版本ajax載入bug
添加了分頁組件
修改框架初始化方法,添加回調(diào)函數(shù)來保證,在初始化UI組件之前先載入dwz.frag.xml
DWZ.init("dwz.frag.xml", function(){
initEnv();
$("#themeList").theme({themeBase:"themes"});
});
修復(fù)IE6下alertMsg問題
當(dāng)前dialog添加reload方法:$.pdialog.reload(url,params)
增加當(dāng)前navTab中鏈接ajax post擴(kuò)展功能ajaxTodo
修復(fù)dialog在IE下托動,dialog中內(nèi)容自動全選問題
修復(fù)tree組件折疊圖標(biāo)bug
修復(fù)當(dāng)前navTab上分頁通用方法navTabPageBreak問題
修復(fù)當(dāng)前navTab上分頁跳轉(zhuǎn)通用方法navTabPageJump問題
修復(fù)navTab中的table HTML擴(kuò)展問題
增加自定義鼠標(biāo)右鍵菜單庫dwz.contextment.js
右鍵菜單定義在dwz.frag.xml文件中
navTab 右鍵菜單功能
<_PAGE_ id="navTabCM"><![CDATA[
<ulid="navTabCM">
<li rel="closeCurrent">關(guān)閉標(biāo)簽頁</li>
<li rel="closeOther">關(guān)閉其它標(biāo)簽頁</li>
<li rel="closeAll">關(guān)閉全部標(biāo)簽頁</li>
</ul>
]]></_PAGE_>
taskbar右鍵菜單功能
<_PAGE_ id="dialogCM"><![CDATA[
<ulid="dialogCM">
<li rel="closeCurrent">關(guān)閉彈出窗口</li>
<li rel="closeOther">關(guān)閉其它彈出窗口</li>
<li rel="closeAll">關(guān)閉全部彈出窗口</li>
</ul>
]]></_PAGE_>
增加Javascript混淆和gzip壓縮
增加銀灰色主題風(fēng)格
修復(fù)左邊活動面板滑動問題
增加Dialog 默認(rèn)大小設(shè)置功能.
Html標(biāo)簽擴(kuò)展方式
<a class="button" href="demo_page1.html" target="dialog" rel="dlg_page1" title="[自定義標(biāo)題]" width="800" height="480">打開窗口一</a>
JS調(diào)用方式
$.pdialog.open(url, dlgId, title, {width: 500, height: 300});
navTab瀏覽器前進(jìn)后退按鈕控制
ajax前進(jìn)后退控制,DWZ navTab瀏覽器前進(jìn)后退功能控制.
增加文件上傳表單提交方式演示頁面
典型頁面 à文件上傳表單提交示例
更多建議: