0

私のドロップダウンメニューは、次のコードを使用して生成されています

{{view Ember.Select contentBinding="controller.softwares" valueBinding="ss.value" optionLabelPath="content.name" optionValuePath="content.id" prompt="Select Software" name="software" }}

現在、次のようなものを生成しています

<select name="software">
......
</select>

なりたい

<select name="software" data-id="45">
......
</select>

私は試した

{{view Ember.Select contentBinding="controller.softwares" valueBinding="ss.value" optionLabelPath="content.name" optionValuePath="content.id" prompt="Select Software" name="software" data-id="ss.id" }}

しかし、うまくいきませんでした。

4

1 に答える 1

2

この属性をバインドするよう Ember に指示する必要があります。

App.YourSelect = Ember.Select.extend({
  attributeBindings : ["data-id"]
});

{{view App.YourSelect contentBinding=controller.softwares valueBinding=ss.value optionLabelPath="content.name" optionValuePath="content.id" prompt="Select Software" name="software" data-id=ss.id }}

これは、この属性を基になる DOM 要素に追加するよう ember に指示します。また、" の削除を少し修正したことにも注意してください。オブジェクトにアクセスするときは、引用符を使用しないように Ember チームからアドバイスされています。これにより、"Select Software" などの文字列と区別しやすくなります。

PS:テストしていません。小さなバグがあるかもしれません:-)

于 2013-09-05T12:23:19.087 に答える