【新特性速递】卡片式表格,Yeah~~~

FineUI 的下个版本(v8.0.0),我们会为表格增加卡片样式,相信这是一个很多网友期待已久的功能。

网友的反馈

很久很久之前,就有网友在最初的 BBS 论坛提到这个事情,由于当时在忙着更新其他更重要的功能,所以这个提议一直处于搁置状态。

去年,网友 @漫步者 在我们的官方社区再次提出这个问题,现在是时候给大家一个交代了。

【新特性速递】卡片式表格,Yeah~~~

在表格和卡片之前切换

【新特性速递】卡片式表格,Yeah~~~

【新特性速递】卡片式表格,Yeah~~~

排序与模式切换

【新特性速递】卡片式表格,Yeah~~~

多选与单选

【新特性速递】卡片式表格,Yeah~~~

【新特性速递】卡片式表格,Yeah~~~

代码实现

卡片模式使用的是客户端渲染函数,因此更加灵活,你可以在卡片中放置任意HTML元素,先看下HTML标签定义:

<f:Grid ID="Grid1" IsFluid="true" ShowBorder="true" ShowHeader="true" Title="表格" runat="server" EnableCollapse="false"
    DataIdField="Id" Height="500px" DisplayType="Card" CardRendererFunction="renderCard">
    ...

f:Grid>

下面是 renderCard 函数:

【新特性速递】卡片式表格,Yeah~~~

是不是很酷,更多激动人心的特性即将纷至沓来。

扩展阅读:

欢迎入伙:https://fineui.com/fans/

三石出品,必属精品

Original: https://www.cnblogs.com/sanshi/p/15499217.html
Author: 三生石上(FineUI控件)
Title: 【新特性速递】卡片式表格,Yeah~~~

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/553390/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球