BaseTableFieldWidget
表格字段的基类.
示例
class MyTableFieldClass extends BaseTableFieldWidget{
}
内置常见的属性
dataSource
当前表格数据
rootData
根视图数据
activeRecords
当前选中行
userPrefer
用户偏好
width
单元格宽度
minWidth
单元格最小宽度
align
内容对齐方式
headerAlign
头部内容对齐方式
metadataRuntimeContext
当前视图运行时的上下文,可以获取当前模型、字段、动作、视图等所有的数据
urlParameters
获取当前的url
field
当前字段
详细信息
用来获取当前字段的元数据
model
当前模型
详细信息
用来获取当前模型的元数据
view
当前视图
详细信息
界面设计器配置的视图dsl
disabled
是否禁用
详细信息
来源于界面设计器的配置
invisible
当前字段是否不可见
详细信息
来源于界面设计器的配置,true
-> 不可见, false
-> 可见
required
是否必填
详细信息
来源于界面设计器的配置,如果当前字段是在详情页
,那么是false
readonly
是否只读
详细信息
来源于界面设计器的配置,如果当前字段是在详情页、搜索
,那么是false
label
当前字段的标题
详细信息
用来获取当前字段的标题
内置常见的方法
renderDefaultSlot
渲染单元格内容
示例
@Widget.Method()
public renderDefaultSlot(context): VNode[] | string {
// 当前单元格的数据
const currentValue = this.compute(context) as string[];
return [createVNode('div', { class: 'table-string-tag' }, currentValue)];
}
renderHeaderSlot
自定义渲染头部
示例
@Widget.Method()
public renderHeaderSlot(context: RowContext): VNode[] | string {
const children = [createVNode('span', { class: 'oio-column-header-title' }, this.label)];
return children;
}
getTableInstance
获取当前表格实例(vxe-table)
getDsl
获取界面设计器的配置
Oinone社区 作者:汤乾华原创文章,如若转载,请注明出处:https://doc.oinone.top/frontend/4566.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验