我正在使用knockout.js.我陷入了一个有点奇怪的情况(很难解释,但我正在努力,对不起,如果我不清楚).我在一个选择列表上使用自定义绑定和选项绑定:
<select data-bind="options : arrayOfOptions,optionsText: 'Name',optionsValue: 'Name',chosen: { }"> </select> ko.bindingHandlers.chosen = { init: function (element,valueAccessor,allBindingAccessor,viewmodel,bindigContext) { var options = ko.utils.unwrapObservable(valueAccessor() || {}); $(element).chosen(options); } };
这里在运行时selectlist将填充arrayOfOptions数组中的所有可用选项,并选择一个自定义绑定,我在选择列表中应用CHOSEN PLUGIN.
现在我面临的问题是,当我在选择列表上选择插件时,在自定义绑定中,选择列表没有填充arrayOfOptions数组中的选项.意味着自定义绑定在选项绑定之前执行.任何人都可以给我一个解决方案,以便在选项绑定后应用自定义绑定吗?
解决方法
将您的呼叫转移到更新中.
http://jsfiddle.net/jearles/avSfa/28/
–
ko.bindingHandlers.chosen = { init: function(element,allBindingsAccessor,viewmodel) { var allBindings = allBindingsAccessor(); var options = {default: 'Select one...'}; $.extend(options,allBindings.chosen) $(element).attr('data-placeholder',options.default); },update: function(element,viewmodel) { $(element).chosen(); } };
–
或者,您可以使用setTimeout将所选的调用移动到执行队列的底部.这将为Knockout选项提供绑定时间,以便在选择尝试转换之前完成其工作.
ko.bindingHandlers.chosen = { init: function (element,bindingContext) { var options = ko.utils.unwrapObservable(valueAccessor() || {}); setTimeout(function() { $(element).chosen(options); },0); } };
原文地址:https://www.jb51.cc/js/159068.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。