#

Datengrid mit einer Resize Größe anpassbaren Eingabe-Spalte

 Date 12.02.2015 Views 16.690

Telerik Datengrid mit Resizeable Edit Feld

Ich benötige ein Datengrid in meiner aspx Webseite, das eine Zelle zum Eingeben hat, wobei sich die Größe des Eingabefeldes anpassen lassen muß zur Laufzeit.
Ich löse das Problem mit einem Telerik RadGrid



Wichtig ist dabei dass man das Eingabefeld über ein Textfeld definiert, das nach einem Doppelklick aktiv wird
Bei Telerik findet das dadurch statt, dass man im RadGrid eine GridTemplateColumn erstellt und hierin ein EditItemTemplate erstellt,
welches das Textbox Control enthält.
Wichtig ist, dass man das Textbox Control mit den Eigenenschaften Multiline und Resize definiert
Wrap="true" TextMode="MultiLine" EnabledStyle-Resize="Both"


Hier der Code für das Template

<EditItemTemplate>

<telerik:RadTextBox ID="txtText0" runat="server" Skin="Sunset" Text='<%#Bind("Text0")%>' Font-Size="12px" Font-Names="Verdana" AutoPostBack="false" Resize="Both" Wrap="true" TextMode="MultiLine" EnabledStyle-Resize="Both" ></telerik:RadTextBox>

</EditItemTemplate>




Das gesamte Datengrid wird hier in der Frontside definiert

<telerik:RadGrid ID="ctlGrid_Files" runat="server" PageSize="20" Skin="Silk"

AutoGenerateColumns="False" Width="100%" AutoGenerateDeleteColumn="True" Culture="de-DE"

OnBatchEditCommand="ctlGrid_Files_BatchEditCommand" MasterTableView-EditItemStyle-Wrap="true" ClientSettings-Resizing-AllowColumnResize="true" EditItemStyle-Wrap="true" MasterTableView-EditFormSettings-EditColumn-Resizable="true"

>

<ClientSettings>

<Resizing AllowColumnResize="True" AllowRowResize="false" ResizeGridOnColumnResize="false"

ClipCellContentOnResize="true" EnableRealTimeResize="false" AllowResizeToFit="true" />

</ClientSettings>

<MasterTableView CommandItemDisplay="Top" DataKeyNames="IDFile" HorizontalAlign="NotSet" EditMode="Batch" AutoGenerateColumns="false" ShowHeader="True" >

<BatchEditingSettings EditType="Row" />

<SortExpressions>

<telerik:GridSortExpression FieldName="IDFile" SortOrder="Ascending" />

</SortExpressions>

<Columns >

<telerik:GridBoundColumn DataField="IDFile" HeaderStyle-Width="40px" HeaderText="ID" SortExpression="IDFile" UniqueName="IDFile" ReadOnly="true" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OrderNr" HeaderStyle-Width="20px" HeaderText="Nr" SortExpression="OrderNr" UniqueName="OrderNr" ReadOnly="true" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="colFilename" DataField="Filename" ItemStyle-Width="80px" HeaderText="Filename" ReadOnly="true" >

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Description" DataField="Text0" Resizable="True">

<ItemStyle HorizontalAlign="Left" />

<HeaderStyle HorizontalAlign="Left" />

<ItemTemplate>

<%#Eval("Text0")%>

</ItemTemplate>

<EditItemTemplate>

<div style="padding:5px 0px 5px 0px;">

<telerik:RadTextBox ID="txtText0" runat="server" Skin="Sunset" Text='<%#Bind("Text0")%>' Font-Size="12px" Font-Names="Verdana" AutoPostBack="false" Resize="Both" Wrap="true" TextMode="MultiLine" EnabledStyle-Resize="Both" ></telerik:RadTextBox>

</div>

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>


Mobile

.
soap2day