對於 telerik 這個框架 我也不是很熟悉 也是剛剛開始學習 有興趣的可以去官網看下

https://www.telerik.com/

啥也不多說 直接上代碼

首先是 telerik:RadGrid 前臺代碼

 <telerik:RadGrid OnItemCommand="RadGrid1_ItemCommand" AutoGenerateColumns="False" ID="RadGrid1" runat="server" CellSpacing="0"
                            Height="490px" Culture="zh-CN"
 
 CssClass="gridTable" GridLines="Both" AllowPaging="True"
                            AllowSorting="true" PageSize="50" OnNeedDataSource="RadGrid1_NeedDataSource" HeaderStyle-HorizontalAlign="Center">
                            <ExportSettings HideStructureColumns="true" ExportOnlyData="true" IgnorePaging="
 
true"
                                OpenInNewWindow="true" />
                            <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="True" />
                            <ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="true" ReorderColumnsOnClient="true">
                                <Resizing AllowColumnResize="
 
True" EnableRealTimeResize="True" />
                                <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                                <Selecting AllowRowSelect="True" />
                            </ClientSettings>
                            <MasterTableView Width="100%" ClientDataKeyNames="編號" DataKeyNames="編號"
                                CommandItemDisplay="Top" EditMode="InPlace" >
                                <Columns>
                                    <telerik:GridTemplateColumn HeaderText="序號" ItemStyle-HorizontalAlign="Center">
                                        <ItemTemplate>
                                            <%#Container.ItemIndex + 1%>
                                        </ItemTemplate>
                                        <HeaderStyle Width="40" />
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="描述" >
                                        <ItemTemplate>
                                            <%# Eval("描述")%>
                                        </ItemTemplate>
                                        <HeaderStyle Width="150"></HeaderStyle>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="描述" Width="100%" runat="server" Text=‘ <%# Eval("描述")%>‘></telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>                           
                                    <telerik:GridTemplateColumn HeaderText="內容" ItemStyle-HorizontalAlign="Center">
                                        <ItemTemplate>
                                            <%# Eval("內容")%>
                                        </ItemTemplate>
                                        <HeaderStyle Width="50"></HeaderStyle>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="內容"  Width="100%" runat="server" Text=‘ <%# Eval("內容")%>‘ ></telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>                                
                                    <telerik:GridEditCommandColumn HeaderStyle-Width="6%" UniqueName="Edit" EditText="編輯" HeaderText="編輯" ItemStyle-HorizontalAlign="Center">
                                    </telerik:GridEditCommandColumn>
                                </Columns>
                            </MasterTableView>
                        </telerik:RadGrid>

註意我代碼中標註帶有下劃線的 一行代碼 他有三個設置 一個是在該行數據下方編輯 一個是在直接把數據變成文本框形式進行編輯 最後一種是彈窗式編輯

但是這次我寫的是直接把數據變成文本框形式進行編輯

後臺 代碼

首先綁定數據 利用

RadGrid 中 的 OnNeedDataSource 方法進行綁定數據 綁定數據的形式和 GirdView 類似

  protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        RadGrid1.DataSource = 獲取到的List 數據集合;
    }

想在 RadGrid 中 進行編輯修改數據 還需添加一個 方法 OnItemCommand

  protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
    {
        try
        {
            GridEditableItem item = e.Item as GridEditableItem;
            if (e.CommandName == "Update")
            {
                string 編號 = item.GetDataKeyValue("編號").ToString();
                RadTextBox 描述 = item.FindControl("描述") as RadTextBox;
                RadTextBox 內容 = item.FindControl("描述") as RadTextBox;
         
                //得到這些數據之後  進行相應的方法處理 進行修改數據
        }
        }
        catch (Exception Exc)
        {
            throw;
        }
    }

telerik:RadGrid 在表格中編輯更新數據