amis学习笔记-代码分析②

本文详细介绍了Amis表格展示的源代码分析,包括数据需求、列配置的各种选项如列类型、固定列、可复制和弹出框。通过实例展示了如何自定义列宽、控制列的显示状态以及实现内容复制和弹出框功能,帮助理解如何优化数据展示。
摘要由CSDN通过智能技术生成

2021SC@SDUSC

目录

一、前言

二、源代码分析

数据需求

列配置

列类型

默认是否显示

固定列

可复制

弹出框(popOver)

三、总结


一、前言

本文内容为Amis中数据展示之中的表格展示。

表格展示,不支持配置初始化接口初始化数据域,所以需要搭配类似像Service这样的,具有配置接口初始化数据域功能的组件,或者手动进行数据域初始化,然后通过source属性,获取数据链中的数据,完成数据展示

二、源代码分析

数据需求

数据是对象数组,比如前面的例子中 rows 的值类似:

[
    {
        "engine": "webkie",
        "version": 1
    }
]

列配置

columns内,除了简单的配置labelname展示数据以外,还支持一些额外的配置项,可以帮助更好的展示数据。

列类型

除了简单展示数据源所返回的数据以外,list的列支持除表单项以外所有组件类型,例如:

ID

文本

图片

日期

进度

状态

开关

映射

List

91264 衡 阎

2020-06-04

22%

紧张

Forward Functionality Technician

nisi ex eum

District Applications Specialist

ipsam ratione voluptas

Future Operations Manager

ducimus fugit debitis

Dynamic Solutions Associate

saepe consequatur aut

34202 吉 卢汉市

2020-06-04

85%

漂亮

Dynamic Assurance Orchestrator

ea ullam voluptates

Internal Division Assistant

illum deleniti qui

International Usability Administrator

sit voluptatem quia

Lead Optimization Orchestrator

autem et blanditiis

Future Division Assistant

dolor cupiditate sint

Forward Program Orchestrator

quia distinctio voluptas

Human Implementation Technician

consequatur quaerat ullam

National Identity Administrator

ipsa et reiciendis

Regional Factors Planner

sed deserunt natus

Human Data Administrator

rerum consequatur odit

37701 立辉安市

2020-06-04

72%

开心

Corporate Metrics Liason

aspernatur natus qui

Central Paradigm Analyst

sequi numquam ad

International Data Administrator

sed libero eum

Forward Optimization Assistant

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值