北京拓爾思信息技術(shù)股份有限公司——胡謝進(jìn)TRSWCMV65二次開發(fā)

——基礎(chǔ)篇TRSWCMV65二次開發(fā)本次培訓(xùn)的目的二次開發(fā)Web相關(guān)工具二次開發(fā)相關(guān)資料二次開發(fā)基礎(chǔ)知識二次開發(fā)介紹二次開發(fā)實(shí)戰(zhàn)練習(xí)和答疑本次培訓(xùn)的目的了解二次開發(fā)手冊的使用理解WCM插拔式的定制方式了解WCM窗口組件的使用二次開發(fā)Web相關(guān)工具HttpwatchIEDeveloper/InstantSource(IE)VisualStudio2005IE8自帶開發(fā)者工具FireBug(FF)二次開發(fā)相關(guān)資料二次開發(fā)幫助示例wcm/WCMV61DevHelp二次開發(fā)手冊二次開發(fā)基礎(chǔ)知識參考TRSWCMV65二次開發(fā)基礎(chǔ)知識.ppt二次開發(fā)介紹WCM主頁面目錄結(jié)構(gòu)說明插拔式開發(fā)頂部菜單導(dǎo)航樹右鍵菜單列表頁面wcm.CMSObjEvent對象WCM窗口組件WCM主頁面列表頁面導(dǎo)航樹頂部菜單底部標(biāo)簽操作面板詳細(xì)信息面板目錄結(jié)構(gòu)說明app目錄，保持WCMV65正常運(yùn)行WCMV61DevHelp，組件的使用示例二次開發(fā)需要關(guān)注的目錄和文件app/js/data普通列表app/xx/xx_list.jsapp/xx/xx_query.jsp縮略圖列表app/xx/xx_thumb.jsapp/xx/xx_thumb_query.jsp其中xx表示channel、document等經(jīng)典模式頁面，在xx目錄下的文件中包含classic字樣插拔式開發(fā)步驟：添加js文件到j(luò)s/data/xx/plugins目錄其中的xx為menu,oper,contextmenu等編碼運(yùn)行合并工具僅對運(yùn)行時版本，開發(fā)版不需要此步驟測試驗證優(yōu)勢：減少對已有代碼的侵入提供升級和維護(hù)的便利頂部菜單定制需求：給“幫助”菜單添加一個跳轉(zhuǎn)到百度的子菜單定制步驟：添加js文件到j(luò)s/data/menu/plugins目錄編碼運(yùn)行合并工具測試驗證添加前添加后示例代碼：頂部菜單定制需求：刪除菜單項“個人服務(wù)>我的權(quán)限”定制步驟：添加js文件到j(luò)s/data/menu/plugins目錄編碼運(yùn)行合并工具測試驗證刪除前刪除后示例代碼：(function(){//獲取頂部取消注冊函數(shù)varunreg=wcm.MenuView.unregister.bind(wcm.MenuView);//刪除掉菜單項"個人服務(wù)>我的權(quán)限"unreg(‘myright’);//myright為“我的權(quán)限”的key信息})();頂部菜單定制需求：修改菜單項“協(xié)作服務(wù)>通訊錄”定制步驟：添加js文件到j(luò)s/data/menu/plugins目錄編碼運(yùn)行合并工具測試驗證修改前修改后定制需求：給導(dǎo)航樹上的欄目節(jié)點(diǎn)添加一個右鍵菜單操作入口定制步驟：添加js文件到目錄js/data/contextmenu/plugins編碼運(yùn)行合并工具測試驗證導(dǎo)航樹右鍵菜單示例代碼：定制需求：刪除導(dǎo)航樹站點(diǎn)節(jié)點(diǎn)上的“預(yù)覽”右鍵菜單操作入口定制步驟：添加js文件到目錄js/data/contextmenu/plugins編碼運(yùn)行合并工具測試驗證導(dǎo)航樹右鍵菜單示例代碼：定制需求：修改導(dǎo)航樹庫節(jié)點(diǎn)上的“管理關(guān)鍵詞”右鍵菜單操作入口定制步驟：添加js文件到目錄js/data/contextmenu/plugins編碼運(yùn)行合并工具測試驗證導(dǎo)航樹右鍵菜單示例代碼：列表頁面文件組織方式加載流程過濾器面板、操作右鍵菜單底部標(biāo)簽列表頁面——文件組織方式列表頁面——加載流程列表頁面——過濾器是什么？有什么用？相當(dāng)于一個過濾條件xx/xx_list.jsdocument_list.js列表頁面——面板涉及文件：js/data/operpanel/xx.js面板類型：明確類型，才能在其上添加操作第一塊面板xxInRoot，xxInSite，xxInChannel第二塊面板hostType(未選中)，xx(單個對象)，xxs(多個對象)第三塊面板和第二塊面板的類型一致列表頁面——操作定制需求：給文檔列表添加一個操作入口定制步驟：添加js文件到j(luò)s/data/opers/xx目錄其中xx為channel,document等,本例為document編碼運(yùn)行合并工具測試驗證示例代碼：列表頁面——操作定制需求：刪除文檔列表“復(fù)制”操作入口定制步驟：添加js文件到j(luò)s/data/opers/xx目錄其中xx為channel,document等,本例為document編碼運(yùn)行合并工具測試驗證示例代碼：列表頁面——操作定制需求：修改文檔列表“引用”操作入口定制步驟：添加js文件到j(luò)s/data/opers/xx目錄其中xx為channel,document等,本例為document編碼運(yùn)行合并工具測試驗證示例代碼：定制需求：給文檔列表添加右鍵菜單操作入口定制步驟：添加js文件到目錄js/data/contextmenu/plugins編碼運(yùn)行合并工具測試驗證列表頁面——右鍵菜單示例代碼：類似導(dǎo)航樹注冊右鍵菜單的方式（即自己定義cmd處理函數(shù)）同樣適用列表頁面列表頁面右鍵菜單項的刪除和修改也和導(dǎo)航樹的處理方式一致列表頁面——右鍵菜單列表頁面——底部標(biāo)簽定制需求：在欄目下添加一個百度頁面的標(biāo)簽定制步驟：添加js文件到j(luò)s/data/tab/plugins目錄編碼運(yùn)行合并工具測試驗證示例代碼：列表頁面——底部標(biāo)簽定制需求：在站點(diǎn)下刪除“權(quán)限”的標(biāo)簽定制步驟：添加js文件到j(luò)s/data/tab/plugins目錄編碼運(yùn)行合并工具測試驗證示例代碼：列表頁面——底部標(biāo)簽定制需求：在文字庫節(jié)點(diǎn)下修改“工作流”標(biāo)簽定制步驟：添加js文件到j(luò)s/data/tab/plugins目錄編碼運(yùn)行合并工具測試驗證示例代碼：wcm.CMSObjEvent對象在定制過程中，如何獲取當(dāng)前列表中選中的對象信息？如：文檔列表頁面中，獲取選中文檔的id信息頂部菜單、右鍵菜單、操作等單擊時的執(zhí)行函數(shù)都有一個event參數(shù)，它的類型為wcm.CMSObjEventwcm.CMSObjEvent對象reg({ ...

//單擊操作時執(zhí)行的方法

fn:function(event){ //獲取當(dāng)前選中的文檔對象

varcurrObj=event.getObj();

//獲取文檔的recid

varnRecId=currObj.getId();

//獲取文檔的標(biāo)題

varsDocTitle=currObj.getPropertyAsString('doctitle'); alert('文檔RecId為：'+nRecId+'\n文檔的標(biāo)題為：'+sDocTitle); }, ...});alert(1);wcm.CMSObjEvent對象相關(guān)接口客戶端核心類相關(guān)接口說明.docWCM窗口組件DialogCrashBoardFloatPanelWCM窗口組件——DialogExt.Msg.warn(sContent,fn)Ext.Msg.error(sContent,fn)WCM窗口組件——Dialog如果Dialog的圖標(biāo)和按鈕都不符合要求，可以使用自定義DialogWCM窗口組件——DialogExt.Msg的靜態(tài)方法一覽WCM窗口組件——CrashBoard特性一：CrashBoard是一種彈出窗口支持在打開的窗口中，繼續(xù)打開新窗口窗口的內(nèi)容可以是:外界傳入的html字符串頁面中某個元素節(jié)點(diǎn)的內(nèi)容外界傳入的src地址，即另一個頁面WCM窗口組件——CrashBoard實(shí)例化CrashBoard的方法newwcm.CrashBoard(…)wcm.CrashBoarder.get(…)差異：采用new的方式，每次都將實(shí)例化一個新的CrashBoard對象；而采用get方式，可以根據(jù)傳入的id參數(shù)來決定是產(chǎn)生一個新的實(shí)例還是返回原來同名id的實(shí)例WCM窗口組件——CrashBoard顯示CrashBoard窗口的方法WCM窗口組件——CrashBoard窗口的內(nèi)容為html字符串WCM窗口組件——CrashBoard窗口的內(nèi)容為頁面元素的內(nèi)容WCM窗口組件——CrashBoard窗口的內(nèi)容為其它頁面WCM窗口組件——CrashBoard打開窗口時，可以顯示不同的工具欄可以設(shè)置編輯器初始化的內(nèi)容單擊時，可以將編輯器的內(nèi)容傳遞給外部頁面WCM窗口組件——CrashBoard特性二：外部頁面可以給內(nèi)部頁面?zhèn)魅雲(yún)?shù)外部頁面如何傳入?yún)?shù)？內(nèi)部頁面如何接受參數(shù)？內(nèi)部頁面可以給外部頁面?zhèn)鞒鰠?shù)內(nèi)部頁面如何傳出參數(shù)？外部頁面如何接受參數(shù)？WCM窗口組件——CrashBoard外部頁面如何傳入?yún)?shù)？打開窗口時，指定params屬性params的值將作為一個js對象傳入給內(nèi)部頁面params的值同時也將拼接成字符串的形式作為內(nèi)部頁面地址的鏈接參數(shù)指定appendParamsToUrl屬性為false來取消將參數(shù)拼接到鏈接地址中這個默認(rèn)行為WCM窗口組件——CrashBoard內(nèi)部頁面如何接受參數(shù)？定義自動執(zhí)行的函數(shù)init,其參數(shù)為打開窗口時指定的params屬性WCM窗口組件——CrashBoard內(nèi)部頁面如何接受參數(shù)？通過getParameter從鏈接上獲取

WCM窗口組件——CrashBoard如何定義窗口按鈕？打開窗口時，指定btns屬性內(nèi)部頁面定義對象window.m_cbCfg

WCM窗口組件——CrashBoard內(nèi)部頁面如何傳出參數(shù)？內(nèi)部頁面執(zhí)行cbInstance.notify(params)params為傳遞給外部頁面的參數(shù)cbInstance為當(dāng)前CrashBoard實(shí)例，在按鈕的cmd函數(shù)內(nèi)部this即為當(dāng)前的CrashBoard實(shí)例WCM窗口組件——CrashBoard外部頁面如何接受參數(shù)？外部頁面在