これは簡単な作業だと思っていましたが、うまくいきません。シナリオは次のとおりです。
さまざまな文字列を含むラベルオブジェクトを持つビューモデルがあります。
label: {
'title': app.options.localize('products'),
'leftTabButton': app.options.localize('menu'),
'rightTabButton': app.options.localize('scan'),
'leftDetailButton': app.options.localize('back'),
'rightDetailButton': app.options.localize('save')
}
今、そのモデルにバインドし、これらのラベルをいくつかのボタンにバインドしようとする対応するビューがあります。
<div id="navbar" data-role="navbar">
<a data-align="left" data-bind="Text: label.leftDetailButton"></a>
<span data-role="view-title" data-bind="text: label.title"></span>
<a data-role="button" data-align="right" data-bind="Text: label.rightDetailButton"></a>
</div>
しかし、(ウィジェットである)<a>
へのバインドもバインドも成功しません。data-role="button"
私はいつも「キャッチされていないエラー: テキスト バインディングは a 要素でサポートされていません」というメッセージが表示されます。また、カスタム バインディングを実行しようとしましたが、どちらも機能しません。
kendo.data.binders.widget.buttonText = kendo.data.Binder.extend({
init: function(widget, bindings, options) {
widget.element[0].innerText = bindings.buttonText.path;
}
});
ビューモデル内の文字列へのパスですがbindings.buttonText.path
、使用するモデルやモデルへの参照を提供する場所を指定する方法がわかりません。
何をすべきか提案はありますか?