草庐IT

javascript - 获取可观察对象与 Knockout 绑定(bind)的元素？

coder 2024-05-08 原文

这不是一个理想的情况，但由于我正在使用另一个 knockout 绑定(bind)，我处于这样一种情况，即我需要获取 observable 绑定(bind)到的元素，如果它确实绑定(bind)到任何东西的话。

那么有没有办法做到这一点？

==更新==

我不想添加任何额外的上下文以免混淆问题，但因为它可能会得到更符合预期的答案，所以这里是场景。

我正在使用 knockout validation 绑定(bind)，它使用 ko.validation.group(model) 公开所有错误方法。然而，问题是仅给你文本错误，它没有给你任何关于模型的哪一部分给你这些错误的上下文。所以我对源做了一个小改动，现在传回与每个错误相关的可观察对象，因为这可能对一些场景有用，但从这里我需要能够将它与一个元素相关联，这样我就可以显示一些某种在线验证。

Knockout Validation 提供了一个非常基本的在线验证，它在你的元素之后创建一个跨度，你可以给它一个类，但这对我的需求来说太基本了，因为目前我们正在使用 Qtip 和其他通知系统来显示验证错误，因此我需要能够有一个 Dom 元素和一个错误。到目前为止，我有一个可观察对象和一个错误，但我需要将该可观察对象(可以是模型中的任何 ko.observable() 属性)绑定(bind)到它给定的 DOM 元素，如果它确实具有元素绑定(bind)的话。

因为我只有一个对象，而且我使用的是从模型而不是 UI 驱动的验证，所以问题并不能通过自定义绑定(bind)真正解决。理想情况下，我需要能够破解并将可观察对象(未知 ko.observable())与元素结合起来。

不要太具体项目，但我当前的项目抽象验证事件被触发(即 EventSystem.SendEvent(ValidationEvents.ValidationFailed, <element>, <error>) )然后验证系统监听这些事件并将错误与元素联系起来，无论是工具提示，咆哮样式通知，警告框等。所以我试图找到在从模型可观察对象而不是 ui 的 DOM 元素(即 jquery-ui)驱动验证时保持这种抽象的最佳方法

== 编辑 2 ==

Knockout Validation 知道要将可观察对象的元素放入其自己的验证元素的方式让我有点震惊，但是它们只是背离现有的值绑定(bind)，所以我将更改它以添加元素任何基于其 isValidatable() 的验证元素方法，至少对于每个错误，我都可以通过这种方式将其绑定(bind)到一个可观察对象，对于任何具有元素绑定(bind)的可观察对象，我可以将它们与元素绑定(bind)，如果没有，那么它们只是形成广泛的验证错误就可以了。我会试一试，因为这应该是这样的(尚未测试):

if(utils.isValidatable(valueAccessor())) {
    valueAccessor().extend({hasElementalBinding: true, elementalBinding: element});
}
else { 
    valueAccessor().extend({hasElementalBinding: false});
}

在 registerValueBindingHandler 中的第 250 行左右，我会把这个问题悬而未决一段时间，以防其他人有更好的解决方案。

最佳答案

我做过类似你上面提到的事情。我的数据绑定(bind)标签包含自定义绑定(bind):

data-bind="... myvalidationbinding: myobservable"

然后在我的绑定(bind)处理程序中我扩展了 observable

ko.bindingHandlers.myvalidationbinding = {
  init: function (element, valueAccessor, allBindingsAccessor, viewModel) { 
    valueAccessor().extend({element: element });
  }
};

最后我的扩展是

ko.extenders.element = function (target, element) {
  target.DOMElement = element;
}

现在我可以订阅由 knockout.validation 给出的 isValid()，如果无效，则获取 observable 绑定(bind)到的元素，然后使用 jQuery 对其进行操作。

关于javascript - 获取可观察对象与 Knockout 绑定(bind)的元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9465200/

javascriptKnockoutcodebindsectionmvvmknockout.js

有关javascript - 获取可观察对象与 Knockout 绑定(bind)的元素？的更多相关文章

  1. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  2. ruby-on-rails - 按天对 Mongoid 对象进行分组 - 2

    在控制台中反复尝试之后，我想到了这种方法，可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法，但它确实有效。有没有人有更好的建议，或者这是一个很好的方法？#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev

  3. ruby-on-rails - 如何验证非模型(甚至非对象)字段 - 2

    我有一个表单，其中有很多字段取自数组(而不是模型或对象)。我如何验证这些字段的存在？solve_problem_pathdo|f|%>... 最佳答案 创建一个简单的类来包装请求参数并使用ActiveModel::Validations。#definedsomewhere,atthesimplest:require'ostruct'classSolvetrue#youcouldevencheckthesolutionwithavalidatorvalidatedoerrors.add(:base,"WRONG!!!")unlesss

  4. Ruby 写入和读取对象到文件 - 2

    好的，所以我的目标是轻松地将一些数据保存到磁盘以备后用。您如何简单地写入然后读取一个对象？所以如果我有一个简单的类classCattr_accessor:a,:bdefinitialize(a,b)@a,@b=a,bendend所以如果我从中非常快地制作一个objobj=C.new("foo","bar")#justgaveitsomerandomvalues然后我可以把它变成一个kindaidstring=obj.to_s#whichreturns""我终于可以将此字符串打印到文件或其他内容中。我的问题是，我该如何再次将这个id变回一个对象？我知道我可以自己挑选信息并制作一个接受该信

  5. ruby - ruby 中的 TOPLEVEL_BINDING 是什么？ - 2

    它不等于主线程的binding，这个toplevel作用域是什么？此作用域与主线程中的binding有何不同？>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是，TOPLEVEL_BINDING始终引用Binding的预定义全局实例，而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层，它们都包含相同的绑定(bind)，但它们不是同一个对象，您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput

  6. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象，为什么它会起作用？ - 2

    如果您尝试在Ruby中的nil对象上调用方法，则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而，有一个tryRails中的方法，如果它被发送到一个nil对象，它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常？ 最佳答案 像Ruby中的所有其他对象

  7. ruby-on-rails - 未在 Ruby 中初始化的对象 - 2

    我在Rails工作并有以下类(class):classPlayer当我运行时bundleexecrailsconsole然后尝试:a=Player.new("me",5.0,"UCLA")我回来了:=>#我不知道为什么Player对象不会在这里初始化。关于可能导致此问题的操作/解释的任何建议？谢谢，马里奥格 最佳答案 havenoideawhythePlayerobjectwouldn'tbeinitializedhere它没有初始化很简单，因为你还没有初始化它!您已经覆盖了ActiveRecord::Base初始化方法，但您没有调

  8. ruby - 如何在 Rails 4 中使用表单对象之前的验证回调？ - 2

    我有一个服务模型/表及其注册表。在表单中，我几乎拥有服务的所有字段，但我想在验证服务对象之前自动设置其中一些值。示例:--服务Controller#创建Action:defcreate@service=Service.new@service_form=ServiceFormObject.new(@service)@service_form.validate(params[:service_form_object])and@service_form.saverespond_with(@service_form,location:admin_services_path)end在验证@ser

  9. ruby - 简单获取法拉第超时 - 2

    有没有办法在这个简单的get方法中添加超时选项？我正在使用法拉第3.3。Faraday.get(url)四处寻找，我只能先发起连接后应用超时选项，然后应用超时选项。或者有什么简单的方法？这就是我现在正在做的:conn=Faraday.newresponse=conn.getdo|req|req.urlurlreq.options.timeout=2#2secondsend 最佳答案 试试这个:conn=Faraday.newdo|conn|conn.options.timeout=20endresponse=conn.get(url

  10. ruby - 从 Ruby 中的主机名获取 IP 地址 - 2

    我有一个存储主机名的Ruby数组server_names。如果我打印出来，它看起来像这样:["hostname.abc.com","hostname2.abc.com","hostname3.abc.com"]相当标准。我想要做的是获取这些服务器的IP(可能将它们存储在另一个变量中)。看起来IPSocket类可以做到这一点，但我不确定如何使用IPSocket类遍历它。如果它只是尝试像这样打印出IP:server_names.eachdo|name|IPSocket::getaddress(name)pnameend它提示我没有提供服务器名称。这是语法问题还是我没有正确使用类？输出:ge

随机推荐