dhtmlx使用翻译(五)dhtmlxgrid 列操作

 

1.1.90 adjustColumnSize(cind)

版本:大众版

参数:

cind:列索引

用途:调整某列宽,使列所有数据可见,但需要在制定列宽的情况下,即不能设定列宽为 *

参考实例:

mygrid.adjustColumnSize(0);


1.1.91 deleteColumn(ind)

版本:专业版 dhtmlxgrid_mcol.js支持

参数:

cind:列索引

用途:调整某列宽,使列所有数据可见

参考实例:

mygrid.adjustColumnSize(0);


1.1.92 enableColumnMove (mode,columns)

版本:专业版 dhtmlxgrid_mcol.js支持

参数:

mode:true/false

columns:设定某列是否可以

用途:设置所有列或某列是否可以移动

参考实例:

//全部列可移动

mygrid.enableColumnMove(true);

//某列可移动

mygrid.enableColumnMove(true,"false,true,true,true,true,true");


1.1.93 enableHeaderMenu

版本:专业版 dhtmlxgrid_hmenu.js支持

参数:

用途:设置表头右键菜单可用

参考实例:


1.1.94 enableResizing(list)

版本:大众版

参数:

list:设置当前grid中各列size是否可变参数组合

用途:设置当前grid中各列size是否可变

参考实例:

mygrid.enableResizing("false,true,true,true,true,true,true");


1.1.95 enableTooltips(list)

版本:大众版

参数:

list:设置当前grid中各列tooltip是否可用参数组合

用途:设置当前grid中各列tooltip是否可用,即当前列title是否显示

参考实例:

mygrid.enableResizing("false,true,true,true,true,true,true");


1.1.96 getColIndexById (id)

版本:大众版

参数:

id:列id

用途:通过列id获得列索引

参考实例:

var colIndex=mygrid.getColIndexById("col1");


1.1.97 getColType(index)

版本:大众版

参数:

index:列索引

用途:通过列id索引获得列数据类型

参考实例:

var type=mygrid.getColType(0);


1.1.98 getColTypeById (cID)

版本:大众版

参数:

cID:列ID

用途:通过列列ID获得列数据类型

参考实例:

var type=mygrid.getColTypeById("column1");


1.1.99 getColWidth (ind)

版本:大众版

参数:

index:列索引

用途:通过列id索引获得列数据宽

参考实例:

var width=mygrid.getColWidth(0);


1.1.100 getColumnId (cin)

版本:大众版

参数:

cin:列索引

用途:通过列id索引获得列Id

参考实例:

var colId=mygrid.getColumnId(0);


1.1.101 getColumnLabel (cin, ind)

版本:大众版

参数:

cin:列索引

ind: 表头行索引,默认为0,只有在多表头下有用

用途:获得列标题

参考实例:

//第一列标题

var colLabel=mygrid.getColumnLabel(0);

//第一列第二个表头标题

var colLabel=mygrid.getColumnLabel(0,1);


1.1.102 getColumnsNum

版本:大众版

参数:

用途:获得列的数量

参考实例:

var colNum=mygrid.getColumnsNum();


1.1.103 getFooterLabel (cin, ind)

参考getColumnLabel (cin, ind)

1.1.104 insertColumn(ind,header,type,width,sort,align,valign,reserved,columnColor)

版本:专业版 需要dhtmlxgrid_mcol.js

参数:

ind:列索引

header:列表头标题

type:列数据类型

width:列宽度

sort:排序方式

align:水平布局方式

valign:垂直布局方式

reserved:无效参数

columnColor:列背景颜色

用途:获得列的数量

参考实例:

//最小设置

mygrid.insertColumn(10); 

//最大参数设置

mygrid.insertColumn(11,"Some text","ed",120,"na","left","top",null,"red")

1.1.105 isColumnHidden (ind)

版本:专业版 

参数:

ind:列索引

用途:判断当前索引列是否隐藏

参考实例:

var isHidden=mygrid.isColumnHidden(0);//隐藏返回true,反之false

1.1.106 moveColumn (oldInd,newInd)

版本:专业版 需要dhtmlxgrid_mcol.js

参数:

oldInd:原列索引

newInd:新列索引

用途:通过列索引调整列位置

参考实例:

mygrid.mygrid.moveColumn(0,2);


1.1.107 setColumnColor (clr)

版本:大众版

参数:

clr:颜色定义字符串

用途:定义列背景色

参考实例:

mygrid.setColumnColor("white,#d5f1ff,#d5f1ff");


1.1.108 setColumnExcellType (colIndex, type)

版本:专业版

参数:

colIndex:列索引

type: 扩展类型

用途:定义列数据为扩展类型

参考实例:

mygrid.setColumnExcellType(2,"ch");


1.1.109 setColumnHidden (ind, state)

版本:专业版 

参数:

ind:列索引

state:true/false

用途:设置当前索引列是否隐藏

参考实例:

mygrid.setColumnHidden(0,false);


1.1.110 setColumnId (ind, id)

版本:大众版 

参数:

ind:列索引

id:列id

用途:通过索引设置列id

参考实例:

mygrid.setColumnId(0,"column1");


1.1.111 setColumnIds (ids)

版本:大众版 

参数:

ids:列id组合

用途:设置grid内所有列的id,可重复定义,但通过id读取索引时,仅对第一个设置有效

参考实例:

mygrid.setColumnIds("sales,book,author,price,store,shipping,best,date");


1.1.112 setColumnLabel (col, label, ind)

版本:大众版 

参数:

col:表头索引

lable:标题

ind:多表头时索引

用途:设置grid表头标题

参考实例:

//单表头设置

mygrid.setColumnLabel(0,"New Column Label");

//多行表头设置

mygrid.setColumnLabel(0,"New Column Label",1);


1.1.113 setColumnMinWidth (width, ind)

版本:大众版 

参数:

width:宽度

ind:列索引

用途:设置grid某列、各列最小宽度

参考实例:

//设置第一列

mygrid.setColumnMinWidth(50,0);

//设置所有列

mygrid.setColumnMinWidth("50,100,100,150,200,100,150");


1.1.114 setColumnsVisibility (list)

版本:专业版 

参数:

list:各列是否可见参数组合,false可见,true隐藏

用途:设置各列是否可见

参考实例:

mygrid.setColumnsVisibility("false,true,true,true,true");


1.1.115 setFooterLabel (c, label, ind)

版本:大众版 

参数:

c: 列索引

lable:标题内容,可包含 img:[imageUrl] 图片引用格式

lnd:多表脚时,行索引

用途:设置表脚标题信息

参考实例: 


(注:本人文章均为原创,转载请注明出处!20100624写于深圳。)

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dhtmlxGrid是一款基于JavaScript的交互式网格,支持各种数据源和格式。它还提供了导出表格数据的功能,可以将表格数据导出为Excel、PDF和CSV等格式。 以下是使用dhtmlxGrid导出表格数据的步骤: 1. 引入dhtmlxGrid库文件和导出插件文件。你可以从官网下载最新的dhtmlxGrid库和导出插件,也可以使用CDN链接引入。 ```html <!-- 引入dhtmlxGrid库文件 --> <script src="https://cdn.dhtmlx.com/grid/edge/dhtmlxgrid.js"></script> <link rel="stylesheet" href="https://cdn.dhtmlx.com/grid/edge/dhtmlxgrid.css"> <!-- 引入导出插件文件 --> <script src="https://cdn.dhtmlx.com/excel/dhtmlxgrid_export.js"></script> ``` 2. 创建表格对象。你需要在HTML页面中创建一个div元素,然后使用JavaScript代码初始化dhtmlxGrid对象,并将其绑定到该div元素上。 ```html <div id="gridbox" style="width: 100%; height: 400px;"></div> <script> var grid = new dhtmlXGridObject('gridbox'); grid.setHeader("Column 1, Column 2, Column 3"); grid.setInitWidths("100,200,*"); grid.init(); </script> ``` 3. 加载表格数据。你可以使用dhtmlxGrid提供的API,从不同的数据源加载表格数据,比如XML、JSON、CSV等。 ```javascript grid.load("data.xml", "xml"); // 从XML文件加载数据 grid.load("data.json", "json"); // 从JSON文件加载数据 grid.load("data.csv", "csv"); // 从CSV文件加载数据 ``` 4. 导出表格数据。你可以使用dhtmlxGrid提供的API,将表格数据导出为Excel、PDF和CSV等格式。 ```javascript // 导出为Excel格式 grid.toExcel("http://localhost/export.php"); // 导出为PDF格式 grid.toPDF("http://localhost/export.php"); // 导出为CSV格式 grid.toCSV("http://localhost/export.php"); ``` 在上面的代码中,我们使用了toExcel、toPDF和toCSV方法来将表格数据导出为Excel、PDF和CSV格式。这些方法需要一个服务器端的脚本来处理导出操作,我们可以将导出数据发送到该脚本并在脚本中进行处理和输出导出文件。 以上就是使用dhtmlxGrid导出表格数据的基本流程。你可以根据自己的需求,对表格样式和导出格式进行进一步的定制和配置。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值