如何在扩展器中访问查看模式

Posted 2023-03-27

【中文标题】如何在扩展器中访问查看模式

【英文标题】：How to access view mode in an extender

【发布时间】：2019-10-01 17:10:58

【问题描述】：

我想听一个名为 isDesktop 的属性，并在它更改时触发显示/隐藏选项面板。问题出在扩展器中，我唯一可以访问的部分是目标、选项和 this，它们都不能访问显示/隐藏方法所在的视图模型。

这在我切换到使用 Require JS 和组件之前是有效的，因为它使用全局范围来访问这些东西。最好不要使用全局范围，但它确实限制了对必要属性的访问。我已经尝试绑定它，但这只能让我访问不提供访问权限的全局窗口对象。

  ko.extenders.responsive = function(target, option) 
    target.subscribe(function(isDesktop) 
      if (isDesktop) //showOptions()
      else //hideOptions()
    )
    return target
  
//
  isDesktop: ko.observable(false).extend( responsive: true ),

我认为有一种方法可以访问从扩展器调用扩展器的范围。如果不是，那么可以尝试其他哪些解决方案？

【问题讨论】：

不要为参数“option”传递值“true”，因为无论如何似乎都不会使用它，而是传递对您的视图模型的引用。

【参考方案1】：

这个例子可能对你有所帮助吗？我添加了视图模型，但如果传递它真的是你想要的，我会争论吗？

console.clear();

ko.extenders.responsive = function(valueAccessor, options) 
  valueAccessor.subscribe(function(value) 
    if (value)
    	options.target(options.message);
    else
    	options.target('');
  )
;

ko.applyBindings(() => 
	var self = this;
  self.desktopOptions = ko.observable('');
  self.isDesktop = ko.observable(false).extend( responsive:  vm: self, target: self.desktopOptions, message: 'desktop is set' );
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<input type="checkbox" data-bind="checked: isDesktop" />
<span data-bind="text: desktopOptions"></span>