《[开发技巧] DataTable数据表格使用技巧汇总.docVIP

[开发技巧] DataTable(数据表格)使用技巧汇总 hotbarsmu 2008-09-20 DataTable(数据表格)使用技巧汇总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 onclick=\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=2Column name=married field=married sortable=true rendererType=checkbox width=40 /Column name=employee_name field=employee_name sortable=true width=150 /Column name=sex field=sex sortable=true dropDown=dropdownSex align=center width=70 editorType=radiogroup /Column name=birthday field=birthday sortable=true width=110 /Column name=salary field=salary sortable=true width=150 /Column name=web field=web sortable=true readOnly=true width=160 /Column name=operation label=操作 align=center readOnly=true width=180 //Control就表示当前表格锁定的列为married和employee_name.5.如何隐藏表格中指定列虽然表格中的列提供了visible属性，如果我们将它设定为false该列将自动隐藏。我们建议的最好方式是直接