zoukankan      html  css  js  c++  java
  • 【新特性速递】为FineUICore新增ContentPanel和Content标签!

    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月中旬 发布,敬请期待!

  • 相关阅读:
    事务传播机制,搞懂。
    洛谷 P1553 数字反转(升级版) 题解
    洛谷 P1200 [USACO1.1]你的飞碟在这儿Your Ride Is Here 题解
    洛谷 P1055 ISBN号码 题解
    洛谷 P2141 珠心算测验 题解
    洛谷 P1047 校门外的树 题解
    洛谷 P1980 计数问题 题解
    洛谷 P1008 三连击 题解
    HDU 1013 题解
    HDU 1012 题解
  • 原文地址:https://www.cnblogs.com/sanshi/p/12652434.html
Copyright © 2011-2022 走看看