ext.net中的客户端验证和显示字段样式



我如何用颜色、粗体、字体大小等给DisplayField赋予样式,就像在TextField和标签中一样,而日期格式在DisplayField上的显示不那么精确。它与时间相结合,即使数据库中的列也是唯一的日期类型样品:

<ext:Toolbar  Dock="Top" ID="toolBar" runat="server">
                        <Items>
                        <ext:DisplayField ID="DisplayField4" runat="server" FieldLabel="Message From" LabelSeparator="" Name="FromName" />
                        <ext:ToolbarSpacer runat="server" Width="25" />
                        <ext:DisplayField ID="DisplayField2" runat="server" Name="DueDate" FieldLabel="Due Date" LabelSeparator="" LabelWidth="60" /> 
                        <ext:ToolbarSpacer ID="ToolbarSpacer1" runat="server" Width="25" /> 
                        <ext:Label runat="server"  Text="Days Remaining" StyleSpec="color:red" />
                        </Items>
                    </ext:Toolbar>

我建议使用Cls属性来设置组件的样式。

<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>
    <style>
        .my-displayfield1 .x-form-display-field {
            color: yellow;
            font-size: large;
        }
        .my-displayfield2 .x-form-display-field {
            color: green;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:DisplayField runat="server" Cls="my-displayfield1" Text="I am DisplayField #1" />
        <ext:DisplayField runat="server" Cls="my-displayfield2" Text="I am DisplayField #2" />
    </form>
</body>
</html>

最新更新