【问题标题】:Align text in a GridViewTemplate field TextBox在 GridViewTemplate 字段 TextBox 中对齐文本
【发布时间】:2012-03-08 17:32:16
【问题描述】:

我需要将TextBox 中的文本右对齐,而GridView TemplateField 中的TemplateField

这是TemplateFieldHTML:

<asp:TemplateField HeaderText="Description">
    <ItemTemplate>
    <div style="text-align: right;">
        <asp:TextBox ID="txtDeductAmount" runat="server" Text="" BorderWidth="1px"></asp:TextBox>
    </div>
    </ItemTemplate>
<ItemStyle Width="80px" HorizontalAlign="Right" />
</asp:TemplateField>

这仍然与左侧对齐。如何强制文本右对齐?

注意: &lt;ItemStyle Width="80px" HorizontalAlign="Right" /&gt; 将绑定的字段文本正确对齐到右侧。

【问题讨论】:

    标签: asp.net css gridview


    【解决方案1】:

    或者这个:

        <asp:TemplateField HeaderText = "Bank" SortExpression="BankID">
            <ItemStyle HorizontalAlign="Right"></ItemStyle>
            <ItemTemplate>
                <asp:Label ID="BankIDLabel" runat="server" Text='<%# Bind("BankID") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
    

    【讨论】:

      【解决方案2】:

      该参数不改变输入文本框,但表格标签对齐。

      要更改输入对齐文本的方式,请添加一个类。

      .AlgRgh
      {
        text-align:right;
        font-family:Verdana, Arial, Helvetica, sans-serif;
      }
      

      并使用CssClass="AlgRgh" 控制

      <asp:TextBox ID="txtDeductAmount" runat="server" Text="" BorderWidth="1px" CssClass="AlgRgh" />
      

      【讨论】:

        【解决方案3】:

        汉宁顿曼波答案完美无缺,更快的是:

        <asp:TemplateField HeaderText = "Bank" SortExpression="BankID">
            <ItemStyle HorizontalAlign="Right"></ItemStyle>
            <ItemTemplate>
                <asp:Label ID="BankIDLabel" runat="server" Text='<%# Bind("BankID") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        

        【讨论】:

          【解决方案4】:

          GridView 内设置文本框的值时,您可以在.cs 中使用此代码:

          ((TextBox)GridView1.Rows[Index of the grid].FindControl("txtName")).Style.Add("text-align", "right");

          【讨论】:

            猜你喜欢
            • 2012-06-14
            • 2020-07-19
            • 1970-01-01
            • 1970-01-01
            • 2015-02-15
            • 1970-01-01
            • 2013-07-08
            • 2012-04-08
            • 2014-03-20
            相关资源
            最近更新 更多