javascript - 选择列表不适用于 Knockout 中的 optionsCaption

Question

每当我放置 optionsCaption 属性时，数据都不会绑定(bind)，否则它会很好地工作，并根据下拉列表的选定值绑定(bind)其他三个值。 ExpenseIO 是模型，PlantList 是可观察数组。 PlantDescription、PlantCode、CompanyCode 和 CompanyDescription 已在 MasterModel.js 下定义。请帮忙。

<div>
     <span>Plant</span>
       <span>
          <select data-bind="options:$root.ExpenseIO.PlantList,
                         optionsText: 'PlantDescription',
                         optionValue:'PlantCode',
                         value: ExpenseIO.SelectedPlant,
                         optionsCaption: 'Select Plant'
                         " style="width: 180px" required="required" ></select>
         <span class="error">*</span></span>
         <span>
         <input id="plantCode" required="required" data-bind="value:$root.ExpenseIO.SelectedPlant().PlantCode" readonly="true" class="readOnlyField" style="width: 82px" /><span class="error">*</span></span>
         <span>Company</span>
         <span>
               <input id="companyCode" required="required" data-bind="value:ExpenseIO.SelectedPlant().CompanyCode" readonly="true" class="readOnlyField" style="width: 82px" /><span class="error">*</span></span>
         <span>
         <input id="companyDesc" required="required" data-bind="value:ExpenseIO.SelectedPlant().CompanyDescription" readonly="true" class="readOnlyField" style="width: 220px" /><span class="error">*</span></span>
</div>

Answer 1

我不太确定这是否会导致问题，但您需要提及 optionsValue 而不是 optionValue

因此请更新您的代码，如下所示:

<select data-bind="options:$root.ExpenseIO.PlantList,
                         optionsText: 'PlantDescription',
                         optionsValue:'PlantCode',
                         value: ExpenseIO.SelectedPlant,
                         optionsCaption: 'Select Plant'
                         " style="width: 180px" required="required" ></select>

查看 knockout 文档以获取更多信息 here .

我希望 select 的 value 绑定(bind)到的 ExpenseIO.SelectedPlant 也存在于该上下文中，因为您已经提到了 $root.ExpenseIO.SelectedPlant 同时与 options 绑定(bind)。