Как установить ширину текстового поля при редактировании строки в GridView?

Question

У меня есть GridView, который можно редактировать.Моя проблема в том, что когда я нажимаю Редактировать , текстовое поле становится слишком маленьким (столбец File Name).Он недостаточно большой, чтобы отобразить его содержимое, и не такой широкий, как остальные столбцы.

Как сделать это текстовое поле шире?Код ASP:

<asp:GridView ID="FileGridView" runat="server" AllowPaging="True" OnPageIndexChanging="FileGridView_PageIndexChanging"
    CellPadding="1" CssClass="GridView"  GridLines="Horizontal"
    Width="100%" AutoGenerateColumns="false"
    AutoGenerateEditButton="true"
    OnRowCancelingEdit="GridView_RowCancelingEdit" OnRowEditing="GridView_RowEditing" OnRowUpdating="GridView_RowUpdating"
    >
    <Columns>
        <asp:BoundField DataField="Name" HeaderText="File Name" />
        <asp:BoundField DataField="Length" HeaderText="Size" ReadOnly="true" />
        <asp:BoundField DataField="LastWriteTime" HeaderText="Last Modified" ReadOnly="true" />
    </Columns>
    <RowStyle CssClass="GridViewRow" />
    <EditRowStyle ForeColor="Black" CssClass="GridViewEditRow" />
    <SelectedRowStyle Font-Bold="True" CssClass="GridViewSelectedRow" />
    <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
    <HeaderStyle CssClass="GridViewHeader" ForeColor="White" />
    <AlternatingRowStyle CssClass="GridViewAlternatingRow" />
</asp:GridView>

За этим стоит код C # для обновления данных, и это прекрасно работает.Я надеюсь, что решение для этого находится в ASP, но если решение требует некоторого кода C #, это нормально для меня.

Answer 1

Вы можете применить класс CSS к элементу управления следующим образом:

<asp:BoundField DataField="Name" HeaderText="File Name" 
    ControlStyle-CssClass="wide" />

И затем установить width в вашей таблице стилей :

input.wide { width: 100px; }

Answer 2

Это должно работать:

<asp:BoundField DataField="Name" HeaderText="File Name" />
    <controlstyle Width="200">
    </controlstyle>
</asp:BoundField>

Answer 3

Вы должны установить ItemStyle-Width для столбца и ControlStyle-Width для элемента управления внутри столбца:

<asp:BoundField DataField="Name" HeaderText="File Name" />
    <ItemStyle Width="200px" />
    <ControlStyle Width="100%" />
</asp:BoundField>

Answer 4

Текстовое поле / раскрывающийся список можно преобразовать в файл шаблона, перейдя в меню «Редактировать опцию». Затем перейдите к редактированию шаблона, определите ширину / высоту блока.