web-dev-qa-db-ja.com

GridViewで行を編集するときに、テキストボックスの幅を設定するにはどうすればよいですか？

編集可能な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＃コードが必要な場合は、問題ありません。

c#.netasp.netgridview
17
joshdick

これは機能するはずです：

<asp:BoundField DataField="Name" HeaderText="File Name" />
    <controlstyle Width="200">
    </controlstyle>
</asp:BoundField>
9
Pieter van Ginkel

[〜＃〜] css [〜＃〜]クラスを次のようにコントロールに適用できます。

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

次に、widthをStyleSheetに設定します。

input.wide { width: 100px; }
15
lincolnk

列にItemStyle-Widthを設定し、列内のコントロールにControlStyle-Widthを設定する必要があります。

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

[ファイルオプションの編集]に移動すると、テキストボックス/ドロップダウンボックスをテンプレートフィールドに変換できます。次に、テンプレートの編集に移動し、ボックスの幅/高さを定義します。

0
Sibi Babu