DataTable(数据表格)使用技巧汇总

本文汇总了DataTable的使用技巧,包括设定行高、添加动态列、处理双击事件、锁定列、隐藏列、客户端动态操作列、显示图片、使用汇总行、自定义CSS样式、设定只读属性、禁止排序、理解editorType与rendererType的区别以及readOnly与editable的差异。通过这些技巧,可以更高效地管理和定制数据表格。
摘要由CSDN通过智能技术生成

1.如何设定表格中行的高度(包括表格头,合计栏)
headerHeight:设定表格头的高度;
footerHeight:设定表格合计栏的高度;
rowHeidht:设定数据行的高度;

dorado-5.0 060904.1658以后的版本支持

2.如何添加动态列(包含自定义的按钮或者自定义的超链接)
Table中直接添加一个column,不需要设定field属性,如name为operation
范例1:
实现效果:表格列中包含一个按钮,功能:单击查看详细
实现方法:
在该列的onRefresh事件中写入代码
var id = record.getValue("id"); //通过表格当前单元框所属的record对象获取主键信息。
var html = "<button οnclick=/"showDetail('"+id+"');/" style=/"border-width:1px/">详细</button>" ;
cell.innerHTML = html;

在视图模型的<<functions>>中添加
function showDetail(id){
open("打开详细信息显示页面的url?id="+id);
}

范例2:
表格列中包含一个超级链接,功能:单击查看详细
实现方法:
在该列的onRefresh事件中写入代码
var id = record.getValue("id"); //通过表格当前单元框所属的record对象获取主键信息。
var html = "<a href=/"打开详细信息显示页面的url?id="+id+"/">详细</a>" ;
cell.innerHTML = html;

3.如何在表格的双击事件中打开详细信息页面,如detail.jsp,并传入表格中当前行的某几列信息
实现表格的onRecordDBClick事件,写入代码:
open("detail.jsp?param1="+dataset.getValue("field1")+"&param2="+dataset.getValue("field2"));
以上代码需要注意的是,我们提交给detail.jsp页面的参数是通过dataset获取而不是直接从表格中的列获取,这是由于DataTable提供了绑定功能的机制,当我们选中了表格的某一行双击选择时,dataset已经自动的定位到当前行所在的dataset的record对象上,我们通过dataset.getValue()就是获得表格当前选择行所属的record对象的getValue()方法。
 

4.如何在页面打开时,自动锁定表格中的指定的两列信息
设定表格的fixedColumn为2,并在Studio设计器中调整自己需要的两个列到DataTable的最前面,如下的配置:
<Control id="tableEmployee" type="DataTable" dataset="datasetEmployee" showDefinedColsOnly="true" width="100%" highlightSelection="false" height="400" fixedColumn="2">
<Column name="married" field="married" sortable="true" rendererType="checkbox" width="40" />
<Column name&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值