码迷,mamicode.com
首页 > Web开发 > 详细

DHTMLX 前端框架 建立你的一个应用程序 教程(五)--添加一个表格Grid

时间:2014-10-18 00:38:39      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   ar   使用   sp   数据   div   

 

表格例子

 

  样本如下:

  bubuko.com,布布扣

  我们这篇介绍的是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();

 

  bubuko.com,布布扣

DHTMLX 前端框架 建立你的一个应用程序 教程(五)--添加一个表格Grid

标签:style   blog   http   color   ar   使用   sp   数据   div   

原文地址:http://www.cnblogs.com/DemoLee/p/4032272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!