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

然后在StyleSheet中设置width ：

input.wide { width: 100px; }

Answer 2

这应该工作：

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

Answer 3

您必须为列中的ControlStyle-Width设置ItemStyle-Width ，并为列中的ControlStyle-Width ：

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

Answer 4

您可以转到编辑已归档选项，将文本框/下拉框转换为Templatefiled。 然后转到编辑模板，定义框的宽度/高度。