• 【新特性速递】平铺数字输入框的触发图标(NumberBoxTriggerType)


    FineUIPro/Mvc/Core的下个版本(v7.0.0),我们允许平铺显示数字输入框的触发图标。

    之前有网友抱怨说数字输入框的触发图标太小了,不好点击,能不能将触发图标平铺展示呢?

    答案是可行的。

    新版本新增了一个NumberBoxTriggerType枚举类型,支持几种不同的展示方式:

    public enum NumberBoxTriggerType
    {
    	/// <summary>
    	/// 上下层叠
    	/// </summary>
    	Stack,
    	/// <summary>
    	/// 平铺
    	/// </summary>
    	Tile,
    	/// <summary>
    	/// 左右分开
    	/// </summary>
    	Separate
    }
    

    其中NumberBoxTriggerType.Stack就是默认的展示方式。

    下面通过示例看下这几种展示方式的效果:

    <f:NumberBox Label="Stack" ID="NumberBox1" NoDecimal="true" NoNegative="true" TriggerType="Stack" Text="100" runat="server" />
    <f:NumberBox Label="Tile" ID="NumberBox2" NoDecimal="true" NoNegative="true" TriggerType="Tile" Text="20" runat="server" />
    <f:NumberBox Label="None" ID="NumberBox3" NoDecimal="true" NoNegative="true" ShowTrigger="false" Text="20" runat="server" />
    <f:NumberBox Label="Separate" ID="NumberBox4" CssClass="text-align-center" NoDecimal="true" NoNegative="true" TriggerType="Separate" Width="180px" Text="1" runat="server" />
    

    如果不需要触发图标,只需设置ShowTrigger=false即可。

      

      

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

    三石出品,必属精品 

  • 相关阅读:
    NYOJ 542 试制品(第五届河南省省赛)
    714-Card Trick
    716-River Crossing
    1248-海岛争霸
    51Nod
    51Nod
    NYOJ_1274_信道安全
    ZZNU 2095 : 我只看看不写题
    前端-HTML标签
    python 17篇 unittest单元测试框架
  • 原文地址:https://www.cnblogs.com/sanshi/p/13494883.html
Copyright © 2020-2023  润新知