2017-08-25 9 views
0

私の剣道グリッドにボタンがあります。デフォルトではadd new recordです。私はそれを変更したい。私は、次のタグを使用しますが動作しません:剣道グリッドボタンの "テキスト"を変更するには?

#turbinegrid .k-icon.k-add::after { 
    content: "ADD"; 
} 
+2

あなたは私たちに、グリッドや、ボタンのHTMLマークアップを示してもらえますか? –

+0

デフォルトでは私はこの.k-icon.k-add – mrslt

+0

を置き換えて、テキストを置き換えたり追加したりします。 –

答えて

-1
#turbinegrid .k-icon.k-add { 
    font-size: 0px !important; 
} 
#turbinegrid .k-icon.k-add::after { 
    content: "New Text" !important; 
    font-size: 18px !important; 
} 
+0

これがなぜこの問題を解決するのか説明できれば助かります。 – Nisarg

+0

このhttps://jsfiddle.net/1oxe4ykh/はあなたに理解してもらえます。理解できない場合は、 'css for dummies' @NisargShah –

0

あなたは以下のようなボタンのテンプレートを設定することができ、

$("#myGrid").kendoGrid({ 
toolbar: [{ 
     template: '<div><div style="float:left;"><h2>Tech Documents</h2></div><div style="float:right;margin: 2% 1% 1% 1%;"><a title="add new" class="k-button k-button-icontext k-grid-add" href="\\#"><span class="k-icon k-i-plus-outline"></span>**Create One**</a></div></div>' 
    }] 
}); 

はワンを作成の代わりに、ボタンのテキストを使用します。

0

MVCを使用している場合、あなたはこのようにテキストを設定することができます:jQuery使用この使用している場合

@(Html.Kendo().Grid<GridViewModel>() 
    .ToolBar(tools => 
    { 
     tools.Create().Text("ADD"); 
    }) 
) 

$("#grid").kendoGrid({ 
    toolbar: [{ name: "create", text: "ADD" }] 
}); 
関連する問題