Telerik剣道グリッドカスタムコマンドアイコン

Question

私はこのような各ラインのカスタムコマンドを使用して、自分のアプリケーションで剣道グリッドを使用します（？素晴らしいフォント）それは仕事

.Columns(
     columns => 
     { 
      //fields 1 
      //fields 2 
      columns.Command(command => 
      { 
       command.Custom("View").Click("view"); 
       command.Custom("Edit").Click("edit"); 
       command.Custom("Delete").Click("delete"); 
      }).Width(300); 
     } 
) 

が、今、私はアイコンを配置する必要があり、文字列の代わりに。 助けてくれてありがとう

Answer 1

ボタンを使ってボタンの外観をカスタマイズすることができます。次の例では、ボタンは背景画像でカスタマイズされています。

.k-grid-content .k-button { 
 
    width: 20px; 
 
    height: 20px; 
 
    border: none; 
 
    min-width: 0 !important; 
 
    border-radius: 0; 
 
    color: transparent; 
 
    text-indent: -10000%; 
 
    box-shadow: none !important; 
 
} 
 

 
.k-grid-content .k-button span { 
 
    display: none; 
 
} 
 

 
.k-grid-content .k-button.k-grid-Edit { 
 
    background: url(/img/icons/icon-edit.png) no-repeat; 
 
}

私はあなたのために道場を作成しました。それが役に立てば幸い。

http://dojo.telerik.com/ETIYa/2