DHTMLX 前端框架 建立你的一个应用程序 教程(五)--添加一个表格Grid
表格例子
样本如下:
我们这篇介绍的是dhtmlxGrid 组件。 它支持4种数据格式:XML, JSON, CSV, JSArray.
添加表格到布局的单元格中去:
1.使用attachGrid() 方法将表格添加到布局的单元格中去。
var layout = new dhtmlXLayoutObject(document.body,"2U"); var contactsGrid = layout.cells("a").attachGrid();
2.继续添加代码 进行gird的初始化设置:
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 columns contactsGrid.setColTypes("ro,ro,ro"); //sets the types of columns contactsGrid.setColSorting("str,str,str"); //sets the sorting types of columns
3.用init() 方法进行表格的初始化
contactsGrid.init();
热爱编程,热爱技术,热爱生活