2012-11-16 91 views
0

我想在RadGrid中的'AddNewRecordText'按鈕後添加一個紅色星號。這是代碼。紅色星號應在「添加獎勵」文字後顯示。如果有任何建議,請讓我知道嗎?謝謝。將樣式添加到CommandItemSettings RadGrid按鈕

<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" /> 

回答

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/

0

所以我再次遲到了,但你可以在服務器端的參考對照:

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運行,所以這是我如何設法實現它。我想象添加*並追加到文本屬性產生你正在尋找的結果。我們正在使用Telerik控制系統的2016版本。