剣道MVCグリッドカスタムコマンドフォントヘルパーを使用した素晴らしいアイコン

Question

問題が発生しました。私は剣道MVCを使用していて、グリッドカスタムコマンドにフォントのすばらしいアイコンを表示したい。 （Edit、Delete、およびDetail）のグリッドカスタムコマンドを定義しました。

columns.Command(command => 
       { 
        command.Custom("Edit").Action("Edit", "User"); 
        command.Custom("Details").Action("Details", "User"); 
        command.Custom("Delete").Action("Delete", "User"); 
       } 

次のスクリーンショットを確認してください。私は、自動MVCヘルパー拡張メソッドを使用して、「FA FA-編集」および他のアイコンを追加したい

Answer 1

あなたのオプションを与えるコマンドボタンを削除/編集/詳細については、CSSを上書きすることが可能です例えば、すべてのページまたはちょうど1に同じスタイルを適用するには：

.k-grid-content .k-button.k-grid-edit::before { 
    content: "\f044" !important; 
}  

.k-grid-content .k-button.k-grid-delete::before { 
    content: "\f1f8" !important; 
} 

そして（後editモードに置か）グリッドの移行：

.k-grid-content .k-button.k-grid-update::before { 
    content: "\f044" !important; 
} 
    .k-grid-content .k-button.k-grid-cancel::before { 
    content: "\f1f8" !important; 
} 

ここには完全なDojo exampleとall Font Awesome icons along with their CSS valuesがあります。