dhtmlxgrid导出的js_dhtmlxgrid 使用json数据入门

我们可以使用dhtmlxgrid插件将数据通过列表显示出来，有如下优点：

1、可以美化列表(css样式和图片全部帮我们实现了)，不需要使用美工

2、可以做排序功能，不需要我们而外开发，省时省力

3、还可以帮我们提供"分页功能"，可以为我们提供一个统一的模板

4、提供了丰富的事件功能

强调：从dhtmlx官网上面下载的代码分为两种：普通版和专业版(收费)，我们很多功能实际上是需要专业版(收费)的，比如说分页功能，包括后面对某一列隐藏的功能等等。

Easy skinable design

mygrid = new dhtmlXGridObject('gridbox');

mygrid.setImagePath("dhtmlxgrid/imgs/");

//标题显示内容

mygrid.setHeader("Name,Date of Birth, First Book Published");

//指明列的宽度，*表示是余下的宽度显示

mygrid.setInitWidths("*,100,100");

//表示内容排序位置，分别是左、中、中

mygrid.setColAlign("left,center,center");

ch ---- checkbox

ra ---- radio

ro ---- readonly，双击具体某项数据时不可编辑的

txt ---- 显示的是字符串，双击某项数据会弹出编辑页面

mygrid.setColTypes("ro,link,txt");

//mygrid.setColTypes("ed,dhxCalendar,dhxCalendarA");

//按照什么方式排序int,str,date 三个类型

mygrid.setColSorting("str,str,date");

//指明使用什么皮肤(天蓝色),这个和前面引用是CSS对应起来

mygrid.setSkin("dhx_skyblue");

//mygrid.setSkin("dhx_black");

//初始化数据

mygrid.init();

//mygrid.loadXML("../common/grid_dates.xml");

//备注：数据列一定要和标题栏对应起来，否则会显示前面的数据

var js={

rows:[

{ id:1001,

data:[

"100",

//^后面显示的是链接地址，一定要指明这列数据类型是link，可以利用这个来修改具体数据项

"A Time to Kill^http://www.baidu.com",

"05/01/1998"] },

{ id:1002,

data:[

"1000",

"Blood and Smoke",

"01/01/2000"] }

]};

//指明导入数据的回调函数

mygrid.parse(js,function(){

//alert(1);

},"json");

备注：尽量要保证对每一列的属性说明要全部一一对应起来，比如样式、排序、类型等，有多少项就配置多少项，以防错位或者解析不正确。

dhtmlxgrid导出的js_dhtmlxgrid 使用json数据入门相关推荐

dhtmlxgrid导出的js_dhtmlxgrid jsp标签
功能简介 DhtmlxGrid是一个纯Js的控件,能帮你把它约定格式的XML数据,在浏览器端通过Js渲染成表格.该表格具有以下特性: 支持IE6-9.chrome.firefox 丰富的Js API接 ...
dbeaver导出excel文件_vue将数据导出为excel文件就是如此简单
前言: 在以前需要将数据导出为excel文件时,往往需要后端提供支持,后端导出后以文件流的形式进行下载.但也带了一些问题,如: 1. 代码量复杂,一般前端难以完成. 2. 实现数据导出往往会大量消耗服 ...
SpringMVC入门（二）—— 参数的传递、Controller方法返回值、json数据交互、异常处理、图片上传、拦截器
SpringMVC入门(二)-- 参数的传递.Controller方法返回值.json数据交互.异常处理.图片上传.拦截器参考文章: (1)SpringMVC入门(二)-- 参数的传递.Contro ...
tablib把数据导出为Excel、JSON、CSV等格式的Py库（写入数据并导出exl）
#tablib把数据导出为Excel.JSON.CSV等格式的Py库 #python 3import tablib#定义列标题 headers = ('1列', '2列', '3列', '4列', ' ...
json数据解析_shell从入门到放弃解析json数据（2）
0x00 前言 json是程序猿经常遇到的数据格式,对于java,python对json的解析那是小菜一碟. 今天介绍一下shell里处理json的神器:jq 在这里先预设一个json数据,如下: j ...
Android入门：通过JSON数据与服务器进行通信
我们完成"Android入门:通过XML数据与服务器进行通信"同样的功能,只是数据传输使用JSON而不是XML: 注意点: (1)当返回JSON时,content-type为tex ...
JSON数据导出Excel表
JSON数据导出Excel表应老板要求写了一个实用的小功能,需求是将api接口返回的JSON数据导出Excel表,过程中改了两稿,一是前端js直接导出一个表,另一是分门别类在java中同时导出多个表 ...
AE导出JSON数据用CSS做前端交互---kalrry
AE导出JSON数据用CSS做前端交互---kalrry 一.简介二.准备三.例子四.参考一.简介关于网页端动画实现 web端做动画有多种形式,可以用CSS的animation,也可以用Ca ...
javascript将JSON数据导出为Excle表格
文章目录方式一:导出json数据 const jsonData = [{name:'路人甲',phone:'123456789',email:'000@123456.com'},{name:'炮灰乙 ...

dhtmlxgrid导出的js_dhtmlxgrid 使用json数据入门

dhtmlxgrid导出的js_dhtmlxgrid 使用json数据入门相关推荐

最新文章

热门文章

dhtmlxgrid导出的js_dhtmlxgrid 使用json数据 入门

dhtmlxgrid导出的js_dhtmlxgrid 使用json数据 入门相关推荐

最新文章

热门文章

dhtmlxgrid导出的js_dhtmlxgrid 使用json数据入门

dhtmlxgrid导出的js_dhtmlxgrid 使用json数据入门相关推荐