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