DHTMLX组件新版本培训

新版本DHTMLX组件的使用王晓润2011-06-23主要内容1、版本信息2、主要新功能3、新功能使用举例4、其他组件说明5、一些需要注意的问题6、总结新版本组件DHMTLX组件名称版本推荐样式(默认)Grid1.6grayToolbar2.6dhx_skyblueLayout2.6dhx_skyblueWindow2.6dhx_skyblueTabbar2.6dhx_skyblueTree1.6default主要新功能预览Grid冻结列标题合并内容列合并，行合并支持Excel方式录入数据其他功能Window窗口组件，里面可以连接生成各种组件或HTML页面，可以用来创建查询，选项界面。Layout布局组件，通过嵌套布局组件，可以实现复杂的用户界面，并且各个布局的板块的尺寸可以通过代码动态调整。新功能使用冻结列需要引入的文件：dhtmlxgrid_splt.js作用：在初始化Grid时，把从左往右数的若干列冻结（类似Excel的冻结功能）代码：调用Grid的splitAt(列索引)方法; 如：mygridPro.splitAt(2);注意事项：

应在Grid的init()方法之后调用此方法，否则会报错。缺点：只能在Grid初始化时确定冻结的列，Grid生成之后不能改变。新功能使用标题合并作用：通过标题合并功能，可以设置复杂的标题使用方法：第一行标题使用原来的方法grid.setHeader();第二行开始使用grid.attachHeader();例子：grid.setHeader("Column1,#cspan,#cspan");grid.attachHeader("Column11,Column12,#cspan");对应的格式如下：Column1Column11Column12Data1Data2Data3新功能使用内容列合并，行合并行合并需要引入的文件：dhtmlxgrid_rowspan.js首先在grid初始化时调用enableRowspan()，允许行合并；或者enableCollSpan(true)，允许列合并。然后在XML中设置数据格式行合并：合并开始行<cellrowspan=“2”>Value</cell>，其他合并的行对应的列<cell></cell>列合并：合并开始类<cellcolspan=“2”>Value</cell>，其他合并的列<cell></cell>例子：见工程新功能使用支持Excel方式录入数据Grid初始化时调用enableKeyboardSupport(true)需要引入文件：dhtmlxgrid_keymap_excel.js类似Excel的录入方式，使用方向键和Enter键进行数据录入新功能使用其他功能1.分页Grid初始化时调用enablePaging(mode,pageSize,pagesInGrp,pagingControlsContainer,showRecInfo,pagingStateContainer)需要引入文件：dhtmlxgrid_pgn.js例子mygrid.enablePaging(true,40,5,"pagingArea",true,"infoArea");2.日期控件列的类型设为：dhxCalendar(只读),dhxCalendarA(可编辑)需要引入的文件：dhtmlxcalendar.css，dhtmlxcalendar_yahoolike.css，dhtmlxcalendar.js，dhtmlxgrid_excell_dhxcalendar.jsGrid初始化时调用：mygrid.setDateFormat("%m/%d/%Y");新功能使用其他功能3.日期时间列的类型设置为：datetime需要引入的文件：js/datetime_cell.js,dhtmlxgrid_excell_datetime.js4.多选类型的列列的类型设置为：clist需要引入的文件：dhtmlxgrid_excell_clist.js使用方法：在grid初始化的时候，设置可选值：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工具涨缩系数管理模块程序，菜单位置：生产工具涨缩系数管理其他组件说明Toolbar,Tabbar,Tree这三个组件的新版本是用来配合Layout和Window排板的使用；使用方法与旧版本基本一致。一些需要注意的问题1、组件事件编写方式改变新方式：crTool.attachEvent("onClick",onButtonClickCr);旧方式：seaTool.setOnClickHandler(onButtonClickSea);一些需要注意的问题2、在同一页面使用组件时，需要多次新建和关闭，建议组件所使用的DIV采取动态新增方式，同时在不使用组件时（如Window组件）调用组件的销毁方法（一般是unload），以及时释放内存。varnewDiv=document.createElement("DIV");document.body.appendChild(newDiv);newDiv.innerHTML=initCrDiv(); initCrDiv()是生成一个用字符串表示的HTML代码的函数。一些需要注意的问题3、获取G