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

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

 

网友的反馈

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

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

 

在表格和卡片之前切换

 

排序与模式切换

 

 

多选与单选

 

 

 

代码实现

卡片模式使用的是客户端渲染函数，因此更加灵活，你可以在卡片中放置任意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 函数：

 

 

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

 

 

扩展阅读：

• 《致广大 FineUI 网友的一封公开信》
• 【新特性速递】表格加载速度足足 3 倍提升，爱了爱了
• 【新特性速递】填一个坑 - 修正页面中使用富文本编辑器时可能会被卡死的问题
• 【新特性速递】类似Windows资源管理器的多选框
• 【新特性速递】左侧选项卡不再费脖子了
• 【新特性速递】更漂亮的主题风格（窈窕主题，君子好逑）

 

 

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

三石出品，必属精品