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即可。
三石出品,必属精品