随笔分类 - DHTMLX
摘要：添加/删除表格中的记录 我们的最终功能是在表格中添加删除 我们通过单机工具栏上的按钮来实现添加删除 当我们单击添加按钮的时候, 表单中 第一行默认填写New contact 光标自动聚焦 当用户点击删除按钮的时候,当前选中行被删除 并自动选中下一行, 当选中是最后一行 删除后 默认选中上...
阅读全文
摘要：保存表单中的数据 现在我们所要做的是 当用户点击提交按钮的时候 我们将表单中的数据进行保存操作。 我们可以使用dhtmlxDataProcessor. 来进行操作。它是一个数据组件，可以提供与服务器端的通信和交互。 它监控所有的数据更改 可以与服务器进行增删改查的操作 这里我们需要的是进行更新...
阅读全文
摘要：绑定表单Form到表格Grrid中 现在我们需要选中一行表格数据的时候 数据能在表单中显示出来 我们可以使用DHTMLX 丰富的组件功能实现它。 绑定表单到表格 1.调用bind方法将表单绑定到网格，使其反映从网格中的所有数据 "index.html" filecontactForm =...
阅读全文
摘要：添加表单Form 我们下一步是在页面中添加一个表单,表格中的选中字段将会显示在表单中。提供一个提交按钮 可以对显示的数据进行修改提交。 添加表单到布局单元格中 1.在右侧布局中使用attachForm()添加表单 "index.html" filecontactForm = layout....
阅读全文
摘要：表格的过滤筛选 我们在每列第一行添加一个文本，用做数据的条件筛选。 我们还提供服务端的筛选 ，当有大量数据时 ， 我们可以使用dhtmlxConnector 进行后台数据的筛选。添加过滤器到表格列中： 1.使用attachHeader()添加筛选器到表格 'index.html'conta...
阅读全文
摘要：从数据库加载数据 这篇我们介绍从MySQL数据库中加载数据到表格 我们使用 MySql的数据库dhtmlx_tutorial 和表contacts 示例使用的是PHP平台和dhtmlxConnector帮助库 因为这是实现服务器端逻辑最简单的方法 数据以XML格式输出。 环境自己搭...
阅读全文
摘要：表格例子 样本如下： 我们这篇介绍的是dhtmlxGrid 组件。 它支持4种数据格式：XML, JSON, CSV, JSArray.添加表格到布局的单元格中去： 1.使用attachGrid()方法将表格添加到布局的单元格中去。 var layout = new dhtmlXL...
阅读全文
摘要：工具条例子 样本如下： 这里我们使用的是dhtmlxToolbar组件。添加工具栏到布局中： 1.使用attachToolbar()方法初始化页面 添加代码到index.html中 dhtmlxEvent(window,"load",function(){ var layout =...
阅读全文
摘要：菜单的介绍 这篇我们介绍将菜单组建添加到上节中的布局中： 我们不对菜单做任何处理 只是在这里填充作为界面的一部分。 这里我们介绍的是dhtmlxMenu组件。 这个组件的数据我们可以从XML或者JSON中加载 它有两种呈现类型： 1.源图片 它放在imgs文件夹中 2.自定义图片...
阅读全文
摘要：Layout控件的演示 Dhtmlx有很多的组建来组织网页的建设, 这篇主要介绍dhtmlxLayout。 下面图片中 布局将各个组件(1.Menu 2.Toolbar 3.Grid 4.Form 表单)划分到不同的区域。 设置布局： 1.初始化一个布局用dhtmlXLayoutObject(...
阅读全文
摘要：介绍从这里下载官网 示例此教程包含是多方面的:1.如何在页面上添加标准的dhtmlx组建2.如何在页面上组织组件3.如何添加过滤4.如何从服务器端获取数据填充组建5.如何保存用户修改的数据到服务器上6.如何使组建整体配合运行这是一个简单的联系人管理教程 它包含了下列组建：工具条、菜单、表格、表单、布...
阅读全文
摘要：介绍 dhtmlxTree是一个功能丰富的JavaScript树菜单 它允许您快速添加一个好看的,基于ajax的web页面的分层树。 treeview支持在线节点编辑、先进的拖放,三态复选框等等。由于特殊的技巧,这个JavaScript树控件能够迅速和有效地加载大数据。 在线Demo事例 在...
阅读全文
摘要：一：介绍 dhtmlxSuite是一个JavaScript库,提供了一套完整的Ajax -驱动UI组件。我们能够使用dhtmlxSuite构建简洁界面,快速性能,和丰富用户体验的企业级web应用程序 官方网站：http://dhtmlx.com/ 写该文章前的最新版本是4.0版本 我们这里...
阅读全文