选择绑定到数组索引的选项模板

发布于 2024-12-20 19:26:33 字数 482 浏览 1 评论 0原文

我可以将选择列表的 optionsValue 绑定到选项数组中的特定项目？

<select data-bind="options: options,  optionsText: 'text', 
optionsValue: ko.utils.arrayIndexOf(**somevalue**)" />

或者我是否必须将我的选项对象从转换为

{ 
    text: 'asdasd' 
}

并

{ 
   text: 'asdasd', 
   id: 0 
}

做

<select data-bind="options: options,  optionsText: 'text', 
optionsValue: 'id' />

谢谢

原文

Am I able to bind the optionsValue of a select list to the index of
the particular item in the option array?

<select data-bind="options: options,  optionsText: 'text', 
optionsValue: ko.utils.arrayIndexOf(**somevalue**)" />

Or am I stuck with having to transform my options object from

{ 
    text: 'asdasd' 
}

{ 
   text: 'asdasd', 
   id: 0 
}

and doing

<select data-bind="options: options,  optionsText: 'text', 
optionsValue: 'id' />

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

戒ㄋ 2024-12-27 19:26:33

如果您通过 JSON 进行通信而不是提交表单，那么您可以将选定的值作为您的对象并创建一个 dependentObservable 来表示它的索引，例如：

function ViewModel() {
    this.choices = ko.observableArray([
        { text: "index zero" },
        { text: "index one" },
        { text: "index two" }
    ]);
    this.selectedChoice = ko.observable();
    this.selectedChoiceIndex = ko.dependentObservable(function() {
        return this.choices.indexOf(this.selectedChoice());
    }, this);
};

示例： http://jsfiddle.net/rniemeyer/hevTF/

如果您正在提交表单并依赖于所选选项元素的 value 属性，那么您可能需要将索引添加到您的对象（正如您所建议的那样）。另一种选择是使用 {{each(item, index)}} 在 jQuery 模板中发出选项元素，例如： http://jsfiddle.net/rniemeyer/h6wLr/

If you are communicating via JSON rather than submitting a form, then you can have the selected value be your object and create a dependentObservable to represent the index of it like:

function ViewModel() {
    this.choices = ko.observableArray([
        { text: "index zero" },
        { text: "index one" },
        { text: "index two" }
    ]);
    this.selectedChoice = ko.observable();
    this.selectedChoiceIndex = ko.dependentObservable(function() {
        return this.choices.indexOf(this.selectedChoice());
    }, this);
};

Sample: http://jsfiddle.net/rniemeyer/hevTF/

If you are submitting a form and are relying on the value attribute of the selected option element, then you would want to add the index to your object (as you had suggested). The other option is to emit the option elements in a jQuery template using {{each(item, index)}} like: http://jsfiddle.net/rniemeyer/h6wLr/

回复收藏 0 原文

~没有更多了~