dhtmlxLayout应用方法教案.docx

1、Layout：21.1常用的布局样式：21.2基本用法：21.2.1、Layout_init_object(基本显示方式)21.2.2、Layout_init_window(将其放入一个windows中)21.2.3、Layout_init_fullscreen(全屏幕显示)21.2.4、Layout_init_layout(在layout中套入layout完成复杂样式)31.2.5、Layout_init_api(layout的部分api参数)31.2.6、Layout_init_skinning(更换layout样式)31.2.7、Layout_init_views(更换layout中的内容)41.2.8、Layout_conf_access(修改layout的标题)41.2.9、Layout_conf_id_index(根据索引得到id、根据id得到相应的索引值)41.2.10、Layout_conf_iterator(为layout写入名字)51.2.11、Layout_conf_autosize(没看明白)51.2.12、Layout_conf_panels(通过button方法修改layout属性)71.2.13、Layout_conf_attach_object(layout的项目中加入div并显示其中内容)91.2.14、Layout_conf_attach_url(给项目加上url地址，可直接嵌入页面)91.2.15、Layout_conf_effects(没看出来有效果)101.2.16、Layout_conf_collapsed(给项目折叠时加上标题或者图片)101.2.17、Layout_conf_header_footer(给layout加上header和footer)101.2.18、Layout_global_menu(给layout的上面加上工具)101.2.19、Layout_ components_XX(给layout加上各种的组件)111.2.20、Layout_events_XXX(监听layout上的事件)122、Accordion142.1基本用法142.1.1、Accordion_init_object142.1.2、Accordion_init_window142.1.3、Accordion_init_layout14DHX总结记录：1、Layout：1.1常用的布局样式：1.2基本用法：1.2.1、Layout_init_object(基本显示方式)dhxLayout = newdhtmlXLayoutObject(parentId, 4I);在页面上显示1.2.2、Layout_init_window(将其放入一个windows中)varwindows=newdhtmlXWindows();windows.enableAutoViewport(false);//控制窗口是否自动显示在页面上windows.attachViewportTo(winVP)//控制窗口显示在某个特定的div层中varwindow_3=windows.createWindow(window_3,0,0,300,400);varlayout_1=window_3.attachLayout(3E);1.2.3、Layout_init_fullscreen(全屏幕显示)functionopenLayout(){window.open(inc/fullscreen_inner.html);//打开指定的新页面}1.2.4、Layout_init_layout(在layout中套入layout完成复杂样式)dhxLayout = newdhtmlXLayoutObject(parentId, 3L);layout1 = newdhtmlXLayoutObject(dhxLayout.cells(b), 2U);1.2.5、Layout_init_api(layout的部分api参数)vardhxLayoutData = {parent: parentId,//所属div的idpattern: 4H,//基本样式cells: [{id: a,text: Navigation,//每个框的显示的名字width: 100,header: false,//框头隐藏fix_size: [true, null]}, {id: b,text: Advertisement,height: 100}, {id: c,text: Main Page}, {id: d,text: Links,collapse: true//默认不打开是折叠式的}]};dhxLayout = newdhtmlXLayoutObject(dhxLa