【新特性速遞】卡片式表格，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/

三石出品，必屬精品