DHTMLX基本用法

最新推荐文章于 2024-08-27 10:52:38 发布

最近失眠的陶先生

最新推荐文章于 2024-08-27 10:52:38 发布

阅读量2.8k

点赞数

分类专栏： DHTMLX学习之路文章标签： DHTMLX

本文链接：https://blog.csdn.net/Since520/article/details/44451433

版权

本文介绍了如何使用DHTMLX进行网页布局，包括toolbar、menu、grid和form的构建。从下载基本库开始，详细讲解了布局创建、菜单与工具栏的设置、数据网格的配置以及与数据库的同步。还涵盖了过滤器、表单绑定、数据处理器的使用，以及如何在grid中添加和删除数据记录。

摘要由CSDN通过智能技术生成

调用基本的dhtmlx.js和dhtmlx.css
1.需要下载dhtmlxsuite基本库

构建网页布局，常用有toolbar/menu/grid/form
1.构建基本的布局
dhtmlxEvent(window,”load”,function()加载网页
dhtmlXLayoutObject对象创建布局对象
2.创建具体的布局样式，调用或者内嵌CSS
3cell对象下的各种方法，设定样式.比如，setText() 设立标题

按钮添加
1.dhtmlx.image_path引用图片
2.创建attachMenu对象
3.menu.setIconsPath表现menu的图标
4.menu.XML表现menu的内容列表
5.menu.loadStruct(“data/menu.xml”);引用对应的menu.xml

toolbar添加
方式类似按钮

grid添加

1.attachGrid()
2.配置gird，直接在html中添加
contactsGrid.setHeader(“Name,Last Name,Email”); //sets the headers of columns
contactsGrid.setColumnIds(“fname,lname,email”); //sets the columns’ ids
contactsGrid.setInitWidths(“250,250,*”); //sets the initial widths of columns
contactsGrid.setColAlign(“left,left,left”); //sets the alignment of

最低0.47元/天解锁文章