【新特性速遞】為FineUICore新增ContentPanel和Content標籤！

三生石上(FineUI控制元件)發表於2020-04-07
UI

FineUICore的下個版本（v6.3.0），我們會新增 ContentPanel 和 Content 標籤，注意這個更新僅是 TagHelpers ，也即是隻有 FineUICore.Examples.RazorPages 示例專案會有更新。

 

在 FineUICore v6.2.0 之前的版本中，我們在這樣嵌入 HTML 標籤的：

<div id="content1">
    <a href="http://tech.163.com/special/jobsdead/" target="_blank"><b>賈伯斯</b></a><br />
    <div>
        <p>
            賈伯斯於1955年2月24日出生，蘋果創始人之一。。。。
        </p>
    </div>
</div>
<f:Panel ID="ContentPanel1" BodyPadding="10" ShowBorder="false" ShowHeader="false" ConentEl="#content1">
</f:Panel>

 

在 FineUICore v6.3.0 中，我們引入了 ContentPanel，可以直接內聯在 ContentPanel，而無需引入額外的 <div> 標籤，如下所示：

<f:ContentPanel ID="ContentPanel1" BodyPadding="10" ShowBorder="false" ShowHeader="false">
    <a href="http://tech.163.com/special/jobsdead/" target="_blank"><b>賈伯斯</b></a><br />
    <div>
        <p>
            賈伯斯於1955年2月24日出生，蘋果創始人之一。。。。
        </p>
    </div>
</f:ContentPanel>

 

 

 

而對於其他皮膚，比如 Tab，Window，GroupPanel等標籤，我們可以使用 Content 標籤。

在  FineUICore v6.2.0 之前的版本中，我們使用如下形式將 HTML 標籤放入 Window 控制元件中：

<div id="content1">
    <a href="http://tech.163.com/special/jobsdead/" target="_blank"><b>賈伯斯</b></a><br />
    <div>
        <p>
            賈伯斯於1955年2月24日出生，蘋果創始人之一。。。。
        </p>
    </div>
</div>
<f:Window ID="Window1" Width="650" Height="300" IconFont="_Tag" Title="窗體" IsModal="false" AutoScroll="true" BodyPadding="10" ConentEl="#content1">
</f:Window>

在 FineUICore v6.3.0 中，使用新增的 Content 標籤，上述標籤可以簡化為：

<f:Window ID="Window1" Width="650" Height="300" IconFont="_Tag" Title="窗體" IsModal="false" AutoScroll="true" BodyPadding="10">
    <Content>
        <a href="http://tech.163.com/special/jobsdead/" target="_blank"><b>賈伯斯</b></a><br />
        <div>
            <p>
                賈伯斯於1955年2月24日出生，蘋果創始人之一。。。。
            </p>
        </div>
    </Content>
</f:Window>

 

經過這個增強，FineUICore 的標籤和 FineUIPro 的標籤就更加類似了，來看下這個頁面的標籤對比：

FineUIPro：https://pro.fineui.com/#/panel/panel_group.aspx

FineUICore：https://pages.fineui.com/#/Panel/Group

 

 

是不是有點心動！

 

 

注：FineUICore v6.3.0 計劃在 2020年5月中旬 釋出，敬請期待！

 

相關文章