北京拓爾思信息技術股份有限公司——胡謝進TRSWCMV65二次開發

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

//單擊操作時執行的方法

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

varcurrObj=event.getObj();

//獲取文檔的recid

varnRecId=currObj.getId();

//獲取文檔的標題

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

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

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