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

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

 

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

答案是可行的。

 

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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

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

 

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

?

1 2 3 4

<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/

三石出品，必属精品