首页 文章

选项绑定:选择列表不反映绑定对象的值

提问于
浏览
4

我在jQuery模板中使用的选择列表上使用选项绑定:

<select data-bind="options: contactsViewModel.emailTypes, optionsText: 'Value', value: EmailType"></select>

使用针对多个电子邮件地址的淘汰赛foreach调用该模板 .

EmailTypes是emailtype对象的列表email对象包含Value属性,其中包含电子邮件地址的字符串值,Id属性包含Guid id,电子邮件类型属性包含emailtype对象 .

emailtype对象由Value属性组成,该属性包含电子邮件类型的名称和guid id .

使用可用的电子邮件类型正确填充下拉列表,但下拉列表未选择正确的项目 . 它不反映绑定到它的对象的值 .

编辑:显示选择行的模板被调用:tbody data-bind =“template:{name:'emailTemplate',foreach:contactsViewModel.selectedContactEmails}”>

selectedContactEmails是一个带有电子邮件对象的observableArray,在Json中看起来像这样:

{"EmailType":{"Value":"Home","Id":"191e8a64-8110-493c-b443-3063ff3a852a"},"ParentId":"191e8a64-8110-493c-b443-3063ff3a852c","Parent":null,"Value":"jan@jan.com","Id":"a7aae8fd-6ca3-49ae-b529-124d37a148ca"}

使用映射插件将这些对象的属性转换为observable .

emailTypes是一个填充了EmailType对象的observableArray:

{"Value":"Home","Id":"191e8a64-8110-493c-b443-3063ff3a852a"}

2 回答

  • 8

    下拉列表甚至不知道它受限于哪个属性 . 您需要在数据绑定中指定 selectedOptions 属性 .

    options 属性告诉它所拥有的数组的下拉列表 .

    optionsText 属性告诉下拉用于显示每个数组项的属性 .

    optionsValue 属性告诉dropdown哪个属性用于选项值 .

    下拉列表将如何知道绑定到哪个值?

    使用selected options

  • 0

    如果没有看到你的viewModel,这很棘手,但有一点显而易见的是你已经限定了你的选项值( options: contactsViewModel.emailTypes )而不是你的'value'( value: EmailType ) . 您是否需要添加EmailType的路径,例如 . value: contactsViewModel.EmailType ??

    您还可以确认 EmailTypeemailTypes 集合中的对象类型相同

相关问题