5

私はオブジェクトの観測可能な配列を持っています

question = {
        ownerUserName: item.id,
        text: item.text,
        dataType: item.dataType,
        personalized: item.personalized,
        status: item.status,
        actionUserName: item.actionUserName
    }

そして、この配列からオプションを選択します:

<select id="questId" style="width: 425px" data-bind="options: questionList, optionsText: 'text'">

question.personalized == "Y" の場合、この質問のテキストの色が緑色になるように、ノックアウトを使用してどのように作成できますか?

4

3 に答える 3

3

通常のオプションバインディングの代わりにforeachを使用できます。何かのようなもの

<style>
   .highlighted{
      background-color: red;
   }
</style
<select id="questId" style="width: 425px" data-bind="foreach: questionList">
   <option data-bind="text: text, class: {highlighted: personalized == 'Y'}">
</select>
于 2013-04-17T12:42:25.837 に答える
1

data-bind="style:{color: value ? 'green' : null}" を設定するオプションもあります

これは最良の選択肢ではありません (最良の方法は新しいクラスを設定することです) が、可能です

于 2013-04-17T12:57:48.087 に答える