templet

方法 说明 备注
ua.table.list 根据行的selectList返回对应列表值 一般类型之类的会用到
ua.table.image 显示图片 行参数imageHeight是控制图片的高度
ua.table.url 格式化显示链接
ua.table.switch 生成开关组件
ua.table.price 格式化为价格
ua.table.percent 格式化为百分比
ua.table.icon 显示图标
ua.table.value 格式化数据 多层对象数据的显示
ua.table.filePreview 列操作栏 文件预览,能够根据扩展名显示不同的图标,图片则直接预览
ua.table.tool 列操作栏 自动生成列操作栏,详细查看operat文档
ua.table.bytes 存储转换 字节转可读单位
ua.table.copyText 复制内容 点击单元格复制内容

url

链接格式,可以跟下面更多字段配合使用。

  • urlNameField

可以设置urlNameField,来设置生成的a标签的标题。

另一个字段名

可以传入另一个字段的字符串,会使用这个字段的值当做标题。

回调函数

第一个参数是当前行的layui.table数据,需要返回字符串。

  1. { field: 'url', minWidth: 80, search: false, title: '文件预览', templet: ua.table.url, urlNameField: 'original_name' },
  2. {
  3. field: 'url', minWidth: 120, title: '保存地址', templet: ua.table.url, urlNameField: function (data) {
  4. return data.url;
  5. }
  6. },
  7. { field: 'original_name', minWidth: 80, title: '文件原名' },

filePreview

文件预览格式,相比image的模板,兼容性更好。

如果该字段存储的链接扩展名是图片,则表现为image模板,否则会根据扩展名自动显示图标。点击可以打开链接。

原文标题:templet

原文文档:ulthon_admin

原文地址:https://doc.ulthon.com/read/augushong/ulthon_admin/6291d01aa793b/zh-cn/2.x.html

原文平台:奥宏文档

2.x