[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 = new dhtmlXLayoutObject(parentId, 4I);在页面上显示1.2.2、Layout_init_window(将其放入一个windows中)var windows = new dhtmlXWindows();windows.enableAutoViewport(false);//控制窗口是否自动显示在页面上windows.attachViewportTo(winVP)//控制窗口显示在某个特定的div层中var window_3 = windows.createWindow(window_3, 0, 0, 300, 400);var layout_1 = window_3.attachLayout(3E);1.2.3、Layout_init_fullscreen(全屏幕显示)function openLayout() { window.open(inc/fullscreen_inner.html);//打开指定的新页面}1.2.4、Layout_init_layout(在layout中套入layout完成复杂样式)dhxLayout = new dhtmlXLayoutObject(parentId, 3L); layout1 = new dhtmlXLayoutObject(dhxLayout.cells(b), 2U);1.2.5、Layout_init_api(layout的部分api参数) var dhxLayoutData = { parent: parentId,//所属div的id pattern: 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 //默认不打开是折叠式