筆記 - 在Telerik RadGrid 中編寫自訂義按扭(方法一) | 油王的菜鳥筆記 - 點部落

2018-09-18

筆記 - 在Telerik RadGrid 中編寫自訂義按扭(方法一)

Telerik 有時教學較難明.自己測試後.做個筆記.以下可在選擇行後.按Key 轉到另一個網頁.

在 RadGrid <Columns></Columns> 內加入

  <telerik:GridTemplateColumn HeaderText="Test">
                     <ItemTemplate>
                        <asp:Button ID="Button12" runat="server" Text ="測試"  CommandArgument='<%# Eval("hbId") %>'  />
                      </ItemTemplate>
                 </telerik:GridTemplateColumn>

及

    <script type="text/javascript">
function ShowForm(id)
{

    window.location = "http://www.xxx.com?ID=" + id;
    return false; 
        }


</script>

Code Behind

       protected void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)
        {
            if (e.Item is Telerik.Web.UI.GridDataItem)
            {
                Button btn = (Button)e.Item.FindControl("Button12");
                btn.Attributes["onclick"] = String.Format("return ShowForm('{0}');", e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["hbId"]);

                
            }
        }

全文

 <telerik:RadGrid ID="RadGrid1" runat="server" Culture="zh-TW" DataSourceID="SqlDataSource1" AutoGenerateEditColumn="True" ShowFooter="True" Skin="Web20" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"  OnItemCreated="RadGrid1_ItemCreated">

         <MasterTableView AutoGenerateColumns="False" DataKeyNames="hbId" DataSourceID="SqlDataSource1" GridLines="Both" ShowGroupFooter="true" >
             <Columns>
                 <telerik:GridBoundColumn DataField="hbId" DataType="System.Int32" FilterControlAltText="Filter hbId column" HeaderText="編號" ReadOnly="True" SortExpression="hbId" UniqueName="hbId" Aggregate="None"  FooterText="總計">
                 </telerik:GridBoundColumn>
                 
                 <telerik:GridBoundColumn DataField="NameCn"  FilterControlAltText="Filter NameCn column" HeaderText="員工姓名" SortExpression="NameCn" UniqueName="NameCn" Aggregate="Count" FooterText="" >
                 </telerik:GridBoundColumn>          
               



                 <telerik:GridTemplateColumn HeaderText="Test">
                     <ItemTemplate>
                        <asp:Button ID="Button12" runat="server" Text ="測試"  CommandArgument='<%# Eval("hbId") %>'  />
                      </ItemTemplate>
                 </telerik:GridTemplateColumn>
                 
             </Columns>
                    
                  
         </MasterTableView>
    </telerik:RadGrid>

回首頁