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属性一起使用的,当清除文本框时,显示的值。文章来源:https://www.toymoban.com/news/detail-481337.html
InputText 输入框
该组件功能非常强大,我们可以配置options属性来让其成为一个选择框。这个组件的当做选择输入框来使用时非常不错的,因为Options组文章来源地址https://www.toymoban.com/news/detail-481337.html
到了这里,关于amis组件学习的配置介绍(二)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!