amis组件学习的配置介绍(二)

table view 表格视图

这个看文档也很好理解，但是还是需要介绍一下。

• trs： <Array>设置表格行属性。
• tds: <Array>设置单元格属性。

 {"type": "table-view",// 设置表格行"trs": [{"background": "#F7F7F7",// 设置单元格"tds": [{"body": {"type": "tpl","tpl": "地区"}}]},{"tds": [{"rowspan": 2,"body": {"type": "tpl","tpl": "华北"}}]},{"tds": [{"body": {"type": "tpl","tpl": "天津"}}]}]} 

设置单元格样式,写在tds中的每个配置对象中

"style": {"borderBottomWidth": 0,"borderLeftWidth": 0,"color": "#f00"
} 

列配置项,配置每列的合并和样式。

 "cols": [ {}, {span: 1,"style": {"background": "#F7F7F7"}}
], 

其他的一些属性，用到的时候查看文档就行。

table 表格

当列超过 5 列后，就会在工具栏多渲染出来一个列展示与否的开关。我们可以通过配置columnsTogglable来表示要不要这个工具。

 "columnsTogglable": false 

自动合并列

经过测试combineNum必须大于combineFromIndex才有效果。 所以combineNum并不是表示合并多少列阿。

// 表示自定合并多少列 只要多行的同一个属性值是一样的，就会自动合并。
"combineNum": 2,
// 表示从第二列开始自动合并
combineFromIndex: 2, 

通过 itemActions 可以设置鼠标移动到行上出现操作按钮。

配置 itemAction 来实现点击某一行后进行操作。注意这个属性和 checkOnItemClick 冲突，因为都是定义行的点击行为，开启 itemAction 后 checkOnItemClick 将会失效。

配置当前行是否可选，不知道这个行为有啥用，选中后，没有给出任何事件和动作供我们获取选中的行数据。

 selectable: true,checkOnItemClick: true, 

Textarea 多行文本输入框

resetValue该属性是配合clearable属性一起使用的，当清除文本框时，显示的值。

InputText 输入框

该组件功能非常强大，我们可以配置options属性来让其成为一个选择框。这个组件的当做选择输入框来使用时非常不错的，因为Options组