Skip to content

表格-Table

描述


表格,父对象为ui,无子对象

事件


selectionChange:选中的行号发生变化时触发,函数定义:onSelectionChange(row),row表示行号。

onUserEvent:接收自定义事件,当订阅了某自定义事件,通过service.emitEvent(name, value)广播时触发。

属性


名称功能说明脚本例子
xx坐标 (只读属性)var x = ui.form-name.table-name.x; 获取对象的x坐标
yy坐标 (只读属性)var y = ui.form-name.table-name.y; 获取对象的y坐标
width宽 (只读属性)var width = ui.form-name.table-name.width; 获取对象的宽
height高 (只读属性)var height = ui.form-name.table-name.width; 获取对象的高
enabled使能:如果选中,对象处于激活状态,否则处于“禁止”状态,对所有触摸操作无反应。ui.form-name.table-name.enabled=0 禁止对象
geometry几何尺寸:对象的坐标位置(X, Y),长和宽
visible可见:如果选中,对象可见,否则隐藏ui.form-name.table-name.visible=0 隐藏对象
rowCount行数,如果要删除表格的所有行,可以设置行数为0
ui.form-name.table-name.rowCount=3 设置行数为3
ui.form-name.table-name.rowCount=0 删除所有行
columnCount列数
ui.form-name.table-name.columnCount=4 设置列数为4
columnLabel列标签ui.form-name.table-name.columnLabel='aaa,bbb,ccc' 设置列标签,用逗号分隔每列
rowLabel行标签ui.form-name.table-name.rowLabel='aaa,bbb,ccc' 设置行标签,用逗号分隔每行
rowHeaderVisible行表头可见ui.form-name.table-name.rowHeaderVisible=false 隐藏行表头
columnHeaderVisible列表头可见
ui.form-name.table-name.columnHeaderVisible=false 隐藏列表头
rowWrapContent行高适应内容ui.form-name.table-name.rowWrapContent=true 每一行的高度按内容高度自适应
columnWrapContent列宽适应内容
ui.form-name.table-name.columnWrapContent=true 每一列的宽度按内容宽度自适应
headerTextColor表头文字颜色
ui.form-name.table-name.headerTextColor='#ff0000' 设置表头文字为红色
headerBackgroundColor表头背景颜色
ui.form-name.table-name.headerBackgroundColor='#0000ff' 设置表头背景颜色为蓝色
headerBackgroundColorType表头背景色类型:0-Linear_A, 1-Linear_B, 2-Radial_A, 3-Radial_B, 4-Circle, 5-Pure, 6-No_Color可选ui.form-name.table-name.headerBackgroundColorType=4 设置表头的背景颜色类型为Circle
selectionMode选择模式:0-NoSelection,1-SingleSelection,2-MultiSelectionui.form-name.table-name.selectionMode=2;//设置模式为多选
textAlign文字对齐方式: 0-Center, 1-Left,2-Right,3-Top,4-Bottomui.form-name.table-name.textAlign=0 设置表格文本居中对齐
textColor文字颜色, 颜色定义参看 控件对象ui.form-name.table-name.textColor='#ff0000' 设置文字颜色为红色
backgroundColor背景色,颜色定义参看 控件对象ui.form-name.table-name.backgroundColor='#0000ff' 设置背景色为蓝色
backgroundColorType背景色类型:0-Linear_A, 1-Linear_B, 2-Radial_A, 3-Radial_B, 4-Circle, 5-Pure, 6-No_Color可选ui.form-name.table-name.backgroundColorType=4 设置表格背景颜色类型为Circle
borderColor边框颜色,颜色定义参看 控件对象ui.form-name.table-name.borderColor='#ff0000' 设置边框颜色为红色
borderWidth边框宽度,单位:像素ui.form-name.table-name.borderWidth=5 设置边框宽为5个像素
borderRadius边框拐角弧度半径,单位:像素ui.form-name.table-name.borderRadius=8 设置边框拐角半径为8个像素
borderType边框类型: 0-Solid,1-Dotted,2-No_Borderui.form-name.table-name.borderType=2设置无边框
scrollBarVisible滚动条可见ui.form-name.table-name.scrollBarVisible=true 显示滚动条
autoScroll自动滚动,表格内容变化时,自动滚动到最后一行ui.form-name.table-name.autoScroll=true 设置自动滚动

方法


名称功能说明脚本例子
setFontSize(size)设置字体大小ui.form-name.table-name.setFontSize(12) 设置字体为12号
setItemTextColor(row, column, color)
设置单元格的文字颜色
ui.form-name.table-name.setItemTextColor(0, 2, '#ff0000') 设置第0行,第2列文字颜色为红色
setItemBackgroundColor(row, column, color)
设置单元格的背景颜色
ui.form-name.table-name.setItemBackgroundColor(0, 2, '#0000ff') 设置第0行,第2列背景颜色为蓝色
getItemText(row, column)获取单元格内容var text = ui.form-name.table-name.getItemText(0, 2) 获取第0行,第2列的文字
setItem(row, column, text)设置单元格内容:设置第row行,第column列文字为text, 注意行和列的索引都从0开始ui.form-name.table-name.setItem(0, 2, 'abc') 设置第0行,第2列的文字为abc
setRowItem(row, text)设置整行内容:row为行索引,text字符串,中间用逗号分隔每列的内容ui.form-name.table-name.setRowItem(0, 'aaa,bbb,ccc') 设置第0行的内容为aaa bbb ccc
setColumnWidth(column, width)设置某列的宽度:column 为列索引,width为宽度,单位像素ui.form-name.table-name.setColumnWidth(3, 40) 设置索引为3的列宽度为40像素
setRowHeight(row, height)设置某行的高度:row 为行索引,height为高度,单位像素
ui.form-name.table-name.setRowHeight(2, 30) 设置索引为2的行高度为30像素
getRowHeaderWidth()获取行表头的宽度var width = ui.form-name.table-name.getRowHeaderWidth(); 获取行表头宽度
getColumnHeaderHeight()获取列表头的高度var height = ui.form-name.table-name.getColumnHeaderHeight() 获取列表头高度
setRowVisible(row, visible)设置某行可见ui.form-name.table-name.setRowVisible(1,false); //隐藏索引为1的行
setColumnVisible(column, visible)设置某列可见ui.form-name.table-name.setColumnVisible(1,false);//隐藏索引为1的列
selectRow(row)选中某一行 ui.form-name.table-name.selectRow(1); //选中索引为1的行
selectAll()选中所有行 ui.form-name.table.name.selectAll(); //选中所有行
insertRow(row)在指定位置插入一个空行ui.form-name.table-name.insertRow(0) 在第0行插入一个空行
insertRowItem(row, text)
在指定位置插入一行并填充内容
ui.form-name.table-name.insertRowItem(2, 'aaa,bbb,ccc') 在第2行插入一个行并填充内容
removeRow(row)删除一行:row为行索引ui.form-name.table-name.removeRow(4); 删除索引为4的行
ui.form-name.table-name.rowCount=0; 如果要删除所有行,可直接设置行数为0
removeAllRows()删除所有行 ui.form-name.table-name.removeAllRows(); 删除所有行
currentRow()
获取当前选中的行索引
var row = currentRow() 返回当前选中的行索引
getSelectedRows()获取多选模式下当前选中的行索引数组var rows = ui.form-name.table-name.getSelectedRows();获取选中的行索引,返回值为数组
currentColumn()
获取当前选中的列索引
var col = currentColumn() 返回当前选中的列索引
clearContents()清除表格所有单元格内容(不包含表头标签)ui.form-name.table-name.clearContents() 清除表格所有单元格内容
clearSelection()清除选中状态ui.form-name.table-name.clearSelection() 清除选中状态
clear()清除表格所有内容,包含表头自定义的标签ui.form-name.table-name.clearContents() 清除表格所有内容
move(x,y)移动对象:将对象移动到(x,y)坐标位置,坐标系的原点在屏幕的左上角。ui.form-name.table-name.move(10,10) 移动对象到坐标(10,10)
resize(width, height)设置对象宽和高ui.form-name.table-name.resize(30,20) 设置对象宽30像素,高20像素