10

asp.netmvc3の新しいKendoUIグリッドを使用しようとしています。

私はテーブルを持っていますテーブルはasp.netmvc3のコントローラーから自動的に生成されます。

そして、Kendo.uiグリッドで表示します。

ただし、htmlコントロールではなくセル内にhtmlコードがあります

例：

セルに表示されます。<input checked="checked" class="check-box" disabled="disabled" type="checkb..入力の代わりに、ビューのコードは@html.inputです。

または<a href="/Admin/Edit">Edit</a> | <a href="/Admin/Details">Details</a> | <a href="/Admリンクの代わりに（ビューのコードは@ Html.actionLinkです）

HTMLコードをエンコードするにはどうすればよいですか？

これは私のスクリプトです：

$(document).ready(function() {
    $("#calendrierMatch").kendoGrid({

    });
});

ありがとう

4

3 に答える 3

26

KendoUIグリッドはグリッドのコンテンツを自動的にエンコードするため<input type= ...、実際の入力コントロールの代わりにテキストを取得します。

encodedオプションを使用して、特定の列のエンコードを無効にすることができます（ドキュメントを参照）：

エンコード：ブール値（デフォルト：true）列の内容をエスケープするかどうかを指定します。データにHTMLマークアップが含まれている場合は、エンコードを無効にします。

したがって、次のようなものが必要です。

 $(document).ready(function(){
      $("#grid").kendoGrid({
      //...
        columns: [
           {
               field: "Column containing HTML",
               encoded: false
           }
        ]          
      });
 });
于 2012-07-04T10:14:53.623 に答える
1

モデルバインディングで剣道グリッドRazorHtmlページはこのコードを使用します

@Html.Kendo().Grid(Model).Name("GridName").Columns(col =>{
col.Bound(m => m.ID);
col.Bound(m => m.Name);
col.Template(@<text>
        @Html.Raw(HttpUtility.HtmlDecode( item.Text))
    </text>);
})
于 2014-09-26T01:34:51.190 に答える
0 
You need to add the template feature  of kendo grid.

In the below code i have created a text box inside the cell of kendo grid.


 {
     field: "Total",
     title: "Total",
     width: "40px",
     template: "<input type='text'  class=\"quantity_total\"   id='txtTotal_${ItemId}'    
                name='txtTotal_${ItemId}' maxlength='8'    onkeypress = 'return 
                fnCheckNumeric_total(event,this.id)'  />"  

},
于 2014-01-22T09:45:30.360 に答える