Telerik RadGridのGridButtonColumnがボタンとして表示されない

Question

[拒否]ではプッシュボタンが表示されません。代わりにプレーンテキストとして表示されます。以下は私が使ったコードです。

<telerik:RadGrid ID="grvUpdate" runat="server" GridLines="Horizontal" 
    CellPadding="0" BorderWidth="0px" EnableEmbeddedSkins="False"   
    Width="382px" CellSpacing="0"> 
    <MasterTableView 
     AllowPaging="true" 
     PageSize="15" 
     CommandItemDisplay="Top" 
     AllowFilteringByColumn="false" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="Id"> 

     <Columns> 
      <telerik:GridBoundColumn DataField="Id" DataType="System.Int64" FilterControlAltText="Filter Id column" HeaderText="Id" ReadOnly="True" SortExpression="Id" UniqueName="Id"> 
      </telerik:GridBoundColumn> 
      <telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name" UniqueName="Name"> 
      </telerik:GridBoundColumn> 
      <telerik:GridBoundColumn DataField="Amount" HeaderText="Amount" SortExpression="Amount" UniqueName="Amount"> 
      </telerik:GridBoundColumn>     
      <telerik:GridButtonColumn ButtonType="PushButton" HeaderText="Reject" Text="Reject" UniqueName="Reject" CommandName="Reject"></telerik:GridButtonColumn> 
     </Columns> 
    </MasterTableView> 
</telerik:RadGrid> 

上記のコードでプッシュボタンを正しく表示するために必要な変更をお知らせください。

Answer 1

を使用して、あなたのradgridはのEditFormモードで常にある場合は、確認してくださいそのコラムにはShoがありますwInEditFormプロパティをtrueに設定します。

Answer 2

EnableEmbeddedSkins="False"を設定しているため、GridButtonColumnは適切なスタイルでレンダリングされないことがあります。

できることは、GridButtonColumnにカスタムCSSを適用し、必要な方法でスタイルを設定することです。

​​

代替アプローチ

<telerik:GridButtonColumn ButtonType="PushButton" HeaderText="Reject" Text="Reject" UniqueName="Reject" CommandName="Reject"></telerik:GridButtonColumn> 

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e) 
{ 
    if (e.Item is GridDataItem) 
    { 
     var dataItem = (GridDataItem)e.Item; 
      (dataItem["Reject"].Controls[0] as Button).CssClass = "MyButtonStyle"; 
    } 
} 

<style type="text/css"> 
    .MyButtonStyle 
    { 
     background-color:black !important; 
     color:white!important; 
    } 
</style> 

次のコードは、私の作品

<telerik:GridTemplateColumn FilterControlAltText="Filter Reject column" UniqueName="Reject" HeaderText="Reject" Display="true"> 
        <ItemTemplate> 
         <telerik:RadButton ID="Button1" runat="server" ButtonType="StandardButton" Text="Reject" CommandName="Reject" /> 
        </ItemTemplate> 
       </telerik:GridTemplateColumn> 

Answer 3

をカスタムテンプレート

<telerik:GridTemplateColumn> 
     <ItemTemplate> 
      <asp:Button ID="btnReject" runat="server" CommandName="Reject" CommandArgument='<%# Eval("Id") %>'/> 
     </ItemTemplate> 
</telerik:GridTemplateColumn> 

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e) 
    { 
     if (e.CommandName == "Reject") 
     { 
      var Id = e.CommandArgument.ToString(); 
      // do something... 
     } 
    }