5

以下のようなテンプレート バインディングを使用したいのですが、うまくいきません。

<div id="gridClientsOutside" data-bind="kendoGrid: { data: FilteredClients, columns: [ { field: 'ClientName', title : 'Client Name' }, { field: 'ClientCode', title: 'Client Code', **template:'<input type='button' value ='#= ClientCode #'></input>**' } ], scrollable: false, sortable: true, pageable: false }">
</div>
4

2 に答える 2

4

次のように引用符をエスケープします。

<div id="gridClientsOutside" data-bind="kendoGrid: { data: FilteredClients, columns: [ { field: 'ClientName', title : 'Client Name' }, { field: 'ClientCode', title: 'Client Code', template: '<input type=\'button\' value=\'#= ClientCode #\' />' } ], scrollable: false, sortable: true, pageable: false }">
</div>

サンプルはこちら: http://jsfiddle.net/rniemeyer/zeQMT/

于 2012-06-12T14:24:08.177 に答える
0

残念ながら、私は質問にコメントできるようになるまでに 3 人の担当者がいます。ここに私の考えがあります：

何が機能していないのか (特に jsfiddle や同様の問題がない場合) は明確ではありませんが、テンプレートの前後にアスタリスクがあると失敗します。これは、バインドが **template パラメーターを受け入れないためです。質問に追加されたばかりです。

また、テンプレートの実際の値内の引用符はエスケープされていないため、問題が発生する可能性があります。繰り返しますが、問題の jsfiddle を使用して、正確に何が機能していないかを明確にする必要があります。

于 2012-06-12T14:05:40.277 に答える