向 CommandItemSettings RadGrid 按钮添加样式答案

【问题标题】：Adding style to CommandItemSettings RadGrid button向 CommandItemSettings RadGrid 按钮添加样式
【发布时间】：2012-11-16 18:31:54
【问题描述】：

我正在尝试在 RadGrid 中的“AddNewRecordText”按钮之后添加一个红色星号。这是代码。红色星号应显示在“添加奖励”文本之后。如果有任何建议，您能告诉我吗？谢谢。

 <telerik:RadGrid ID="RadGrid1" AutoGenerateColumns="false" Width="99%" 
  runat="server" MasterTableView-AllowAutomaticInserts="true" GridLines="None" Skin="Default"
                ShowFooter="false" ShowStatusBar="false">
    <MasterTableView Width="100%" DataKeyNames="c_id" CommandItemDisplay="Top"
         CommandItemSettings-ShowAddNewRecordButton="true">
    <CommandItemSettings AddNewRecordText="Add Award *" ShowAddNewRecordButton="true" />

【问题讨论】：

标签： c# asp.net telerik radgrid

【解决方案1】：

RadGrid 将 AddNewRecordText 预渲染为 <a> 元素。并且您不能为一个元素添加不同的样式。
要更改该默认行为，您必须使用 CommandItemTemplate。
This demo 对您来说应该是一个好的开始。

另一种简单的方法是，您始终可以使用 jquery 更改页面上的任何样式。
这应该对你有用（对我有用，可能你必须更改 ID）：

$('a[id$="InitInsertButton"]') //this means: find all <a> elements that have id ending with "InitInsertButton"
   .first() //Get the first element to be sure.
   .append('<span style="color:red"> *</span>') //Add text inside a attribute.

您必须在 document.ready() 上添加此代码。
这是一个小 jsfiddle，可以看到它的实际效果：http://jsfiddle.net/rXhnM/

【讨论】：

【解决方案2】：

所以我又迟到了，但你可以在服务器端获得对该控件的引用：

protected void HandleGridItemCreated(object sender, GridItemEventArgs e)
{
 if(e.Item is GridCommandItem)
 {
  var button = e.Item.FindControl("SaveChangesIcon") as Button;
  var link = e.Item.FindControl("SaveChangesButton") as LinkButton;
  button.Text += "<span class='red'>*</span>";
 }
}

我需要添加一些 javascript 以在单击时运行，所以这就是我设法将其关闭的方法。我想添加 * 并附加到 text 属性会产生您正在寻找的结果。我们使用的是 2016 版 Telerik 控件集。

【讨论】：