Comment puis-je fixer la largeur d'une zone de texte lors de l'édition d'une ligne dans une GridView?

J'ai un GridView qui peut être modifié. Mon problème est que lorsque je clique sur Modifier, la zone de texte est trop petit (le File Name colonne). Il n'est pas assez grande pour afficher son contenu, et il n'est pas aussi large que le reste de la colonne.

Comment puis-je faire de cette zone de texte plus large?

Voici le code 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>

Il y a de code C# cache derrière cette mise à jour des données, et qui fonctionne très bien. J'espère que la solution est dans l'ASP, mais si la solution nécessite un code C#, c'est OK avec moi.

OriginalL'auteur joshdick | 2010-10-18

  1. 9

    Cela devrait fonctionner:

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

    OriginalL'auteur Pieter van Ginkel

  2. 15

    Vous pouvez appliquer un CSS classe à la commande comme ceci:

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

    Et ensuite configurer votre width dans votre feuille de style:

    input.wide { width: 100px; }

    OriginalL'auteur lincolnk

  3. 4

    Vous devez définir le ItemStyle-Width pour la colonne et le ControlStyle-Width pour le contrôle à l'intérieur de la colonne:

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

    OriginalL'auteur Brabbeldas

  4. 1

    Vous pouvez convertir la zone de texte/dropdownbox à un Templatefiled en allant à Modifier Déposé Option. Ensuite, allez à modifier le modèle, définir la largeur/hauteur de la boîte.

    OriginalL'auteur Sibi Babu