表格-table

描述

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


事件

  • selectionchange:选中的行号发生变化时触发,事件函数定义:onSelectionChange(row, column),row表示行号, column表示列号。

  • savedone: 另存为结束时触发,事件函数定义:onSaveDone(result), result表示保存结果,1-表示成功,0-表示失败。

  • userevent: 当订阅了某 用户自定义事件,通过service.ctl.emitEvent(name, value)广播时触发, 事件函数定义: onUserEvent(name,value),参数name为事件名,value为数据


属性

名称

功能说明

脚本例子

geometryLocked

区域锁定,锁定后控件的位置及大小不能修改

x

x坐标 (只读属性)

var x = ui.form-name.table-name.x; 获取对象的x坐标

y

y坐标 (只读属性)

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; 获取对象的高

marginRight

右外边距 (只读属性)

marginBottom

底外边距 (只读属性)

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 <br> 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-MultiSelection

ui.form-name.table-name.selectionMode=2;//设置模式为多选

textAlign

文字对齐方式: 0-Center, 1-Left,2-Right,3-Top,4-Bottom

ui.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_Border

ui.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的行

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() 清除表格所有内容

saveAs(path)

1.8.0新增方法,表格内容另存为CSV格式的文件,path参数为完整路径名

ui.form-name.table-name.saveAs(‘/storage/d0/table.csv’) 保存表格数据到U盘上

saveAs(path, hasColumnLabel)

1.8.1新增方法,表格内容另存为CSV格式的文件,path参数为完整路径名, hasColumnLabel参数为是否显示表头

ui.form-name.table-name.saveAs(‘/storage/d0/table.csv’, false) 保存表格数据(去除表头)到U盘上

saveAs(path, startRow, endRow, startColumn, endColumn)

1.8.0新增方法,表格内容另存为CSV格式的文件,path参数为完整路径名,startRow为起始行索引,endRow为结束行索引,startColumn为起始列索引,endColumn为结束列索引。索引值从0开始。

ui.form-name.table-name.saveAs(‘/storage/d0/table.csv’, 0, 10, 0, 2) 保存表格从第0行到第10行,第0列到第2列的数据到U盘上

saveAs(path, startRow, endRow, startColumn, endColumn, hasColumnLabel)

1.8.1新增方法,表格内容另存为CSV格式的文件,path参数为完整路径名,startRow为起始行索引,endRow为结束行索引,startColumn为起始列索引,endColumn为结束列索引(索引值从0开始),hasColumnLabel为是否显示表头。

ui.form-name.table-name.saveAs(‘/storage/d0/table.csv’, 0, 10, 0, 2, false) 保存表格不显示表头,从第0行到第10行,第0列到第2列的数据到U盘上

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像素