DHTMLX組件新版本培訓

新版本DHTMLX組件的使用王曉潤2011-06-23主要內(nèi)容1、版本信息2、主要新功能3、新功能使用舉例4、其他組件說明5、一些需要注意的問題6、總結(jié)新版本組件DHMTLX組件名稱版本推薦樣式(默認)Grid1.6grayToolbar2.6dhx_skyblueLayout2.6dhx_skyblueWindow2.6dhx_skyblueTabbar2.6dhx_skyblueTree1.6default主要新功能預覽Grid凍結(jié)列標題合并內(nèi)容列合并，行合并支持Excel方式錄入數(shù)據(jù)其他功能Window窗口組件，里面可以連接生成各種組件或HTML頁面，可以用來創(chuàng)建查詢，選項界面。Layout布局組件，通過嵌套布局組件，可以實現(xiàn)復雜的用戶界面，并且各個布局的板塊的尺寸可以通過代碼動態(tài)調(diào)整。新功能使用凍結(jié)列需要引入的文件：dhtmlxgrid_splt.js作用：在初始化Grid時，把從左往右數(shù)的若干列凍結(jié)（類似Excel的凍結(jié)功能）代碼：調(diào)用Grid的splitAt(列索引)方法; 如：mygridPro.splitAt(2);注意事項：

應(yīng)在Grid的init()方法之后調(diào)用此方法，否則會報錯。缺點：只能在Grid初始化時確定凍結(jié)的列，Grid生成之后不能改變。新功能使用標題合并作用：通過標題合并功能，可以設(shè)置復雜的標題使用方法：第一行標題使用原來的方法grid.setHeader();第二行開始使用grid.attachHeader();例子：grid.setHeader("Column1,#cspan,#cspan");grid.attachHeader("Column11,Column12,#cspan");對應(yīng)的格式如下：Column1Column11Column12Data1Data2Data3新功能使用內(nèi)容列合并，行合并行合并需要引入的文件：dhtmlxgrid_rowspan.js首先在grid初始化時調(diào)用enableRowspan()，允許行合并；或者enableCollSpan(true)，允許列合并。然后在XML中設(shè)置數(shù)據(jù)格式行合并：合并開始行<cellrowspan=“2”>Value</cell>，其他合并的行對應(yīng)的列<cell></cell>列合并：合并開始類<cellcolspan=“2”>Value</cell>，其他合并的列<cell></cell>例子：見工程新功能使用支持Excel方式錄入數(shù)據(jù)Grid初始化時調(diào)用enableKeyboardSupport(true)需要引入文件：dhtmlxgrid_keymap_excel.js類似Excel的錄入方式，使用方向鍵和Enter鍵進行數(shù)據(jù)錄入新功能使用其他功能1.分頁Grid初始化時調(diào)用enablePaging(mode,pageSize,pagesInGrp,pagingControlsContainer,showRecInfo,pagingStateContainer)需要引入文件：dhtmlxgrid_pgn.js例子mygrid.enablePaging(true,40,5,"pagingArea",true,"infoArea");2.日期控件列的類型設(shè)為：dhxCalendar(只讀),dhxCalendarA(可編輯)需要引入的文件：dhtmlxcalendar.css，dhtmlxcalendar_yahoolike.css，dhtmlxcalendar.js，dhtmlxgrid_excell_dhxcalendar.jsGrid初始化時調(diào)用：mygrid.setDateFormat("%m/%d/%Y");新功能使用其他功能3.日期時間列的類型設(shè)置為：datetime需要引入的文件：js/datetime_cell.js,dhtmlxgrid_excell_datetime.js4.多選類型的列列的類型設(shè)置為：clist需要引入的文件：dhtmlxgrid_excell_clist.js使用方法：在grid初始化的時候，設(shè)置可選值：grid.registerCList(rowindex,valueArray);grid.registerCList(8,["GME","DMC","SME","SYE","MAS"]);新功能使用更多詳細功能的使用請參考API或在線例子API：\\\group-it\Individual\Wangxiaorun\dhtmlx.chm

（DMC）或\\03\git_ot\dhtmlx.chm

（GME）DHTMLX在線例子：/docs/products/docsExplorer/samples.shtmlwERP工具漲縮系數(shù)管理模塊程序，菜單位置：生產(chǎn)工具漲縮系數(shù)管理其他組件說明Toolbar,Tabbar,Tree這三個組件的新版本是用來配合Layout和Window排板的使用；使用方法與舊版本基本一致。一些需要注意的問題1、組件事件編寫方式改變新方式：crTool.attachEvent("onClick",onButtonClickCr);舊方式：seaTool.setOnClickHandler(onButtonClickSea);一些需要注意的問題2、在同一頁面使用組件時，需要多次新建和關(guān)閉，建議組件所使用的DIV采取動態(tài)新增方式，同時在不使用組件時（如Window組件）調(diào)用組件的銷毀方法（一般是unload），以及時釋放內(nèi)存。varnewDiv=document.createElement("DIV");document.body.appendChild(newDiv);newDiv.innerHTML=initCrDiv(); initCrDiv()是生成一個用字符串表示的HTML代碼的函數(shù)。一些需要注意的問題3、獲取G