Jak przejąć kontrolę nad wielkością Gridview, gdy jest w trybie edycji, a nie jest?

Question

Chciałbym mieć moją kontrolkę użytkownika Gridview W szarej ramce (jej znacznik div), czy Gridview jest w trybie edycji, czy nie, użyłem Gridview's Width and Styles, ale to nie zadziałało. Jak to zrobić?

.GridViewStyle 
{ 
/*It didn't work*/ 
width:50%; 
} 

Gridview gdy jej w trybie edycji

GridView, gdy jej nie w trybie edycji

Answer 1

Problem jest oczywiście wielkość <input /> polach tekstowych w trybie edycji

Dodaj element <EditRowStyle> do GridView aby dać wiersz edytować klasę CSS

<asp:GridView ID="GridView1" runat="server"> 
    ... 
    <EditRowStyle CssClass="GridViewEditRow" /> <%-- add this --%> 
</asp:GridView> 

Teraz można kontrolować rozmiar pól tekstowych za pomocą CSS

.GridViewEditRow input[type=text] {width:50px;} /* size textboxes */ 
.GridViewEditRow select {width:50px;} /* size drop down lists */ 

Answer 2

Wydaje się pewne parametry, które są widoczne w trybie edycji (głównie pliki tekstowe) mają pewną szerokość, dzięki czemu ent jest zbyt szeroka. Twoja przeglądarka zrobi wszystko, co możliwe, aby ustawić szerokość tabeli (na co renderuje siatkę), ale jeśli zawartość jest zbyt szeroka, będzie musiała uczynić ją szerszą, niż byś chciał.

Sprawdź elementy pola tekstowego za pomocą Firebug (jeśli używasz przeglądarki Firefox), Narzędzia dla programistów (Internet Explorer), ... Sprawdź, czy mają ustawioną szerokość.

Answer 3

Aby zarządzać siatką, gdy jest w trybie edycji, proszę dodać pasek przewijania w kodzie xaml div . Kiedy zostanie wywołany tryb edycji, dostosuje się do paska przewijania. Zdefiniuj element div, umieść w nim siatkę. Oto kod jak to zrobić.

<div style="width:100px; height:100px; overflow:scroll;"> 
<asp:GridView ID="GridView1" runat="server"> 
</asp:GridView> 
</div> 

Answer 4

<asp:BoundField HeaderText="Title" ControlStyle-Width="100px" DataField="Title" /> 

użycie ControlStyle-Szerokość atrybut i przypisać szerokość do kolumny

Answer 5

następujące prace:

<asp:TemplateField HeaderText="Salary" ControlStyle-CssClass="cssWidth"></asp:TemplateField> 

<style type="text/css"> 
    .cssWidth { 
     width : 150px; 
    }  
</style>