当前位置：文江博客话题详情

如何强制 observable 从 DOM 元素读取值

发布于 2024-12-01 02:46:13 字数 148 浏览 0 评论 0原文

我有一个隐藏输入并将值绑定到模型的可观察属性。我正在使用另一个插件，它在内部更新隐藏输入的值，但是可观察的值不会更新它的值。

我如何强制可观察者从元素更新它的值？

像 valueHasMutated 之类的东西，但以另一种方式。

谢谢

原文

分享到QQ

分享到微博

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

发布评论

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

天邊彩虹 2024-12-08 02:46:13

我知道你已经想出了解决方案。

但我想我应该发布自己的内容，以防有人遇到这个问题，因为它在谷歌结果中排名靠前，没有答案，所以可能对某人有用。

 ko.bindingHandlers.hiddenInputValue = {

        init: function (element, valueAccessor) {

            $(element).bind("change", function (event, data, formatted) { //hidden vars don't usually have change events, so we trigger $myElement.trigger("change");
                var value = valueAccessor();
                value($(this).val()); //rather than $(this).val(), might be best to pass our custom info in data
            });
        },
        update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            var value = valueAccessor();
            $(element).val(value);
        }

    };

和 html

<input type="hidden" name="myName"  id="myId"  data-bind="hiddenInputValue: myModelValue" >

因为隐藏的输入通常没有更改事件，所以当您更改值时，您需要触发自己的事件，例如

$("#myId").trigger("change");

我不确定这是否是最好的解决方案，但我可以提供最好的解决方案我正在努力的时间范围:-) 如果我想出更优雅的东西，我可能会将一些东西放入淘汰赛维基中。

I realise you've already come up with a solution.

But I'd thought I'd post my own incase anyone comes across this, as it's up high in the Google results with no answers, so might come in useful for someone.

 ko.bindingHandlers.hiddenInputValue = {

        init: function (element, valueAccessor) {

            $(element).bind("change", function (event, data, formatted) { //hidden vars don't usually have change events, so we trigger $myElement.trigger("change");
                var value = valueAccessor();
                value($(this).val()); //rather than $(this).val(), might be best to pass our custom info in data
            });
        },
        update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            var value = valueAccessor();
            $(element).val(value);
        }

    };

And the html

<input type="hidden" name="myName"  id="myId"  data-bind="hiddenInputValue: myModelValue" >

Because hidden inputs don't have change events normally, you'll need to trigger your own event when ever you change the value e.g.

$("#myId").trigger("change");

I'm not sure if this is the best solution, but the best I could come with in the timescale I'm working to :-) I might put something into the knockout wiki if I come up with something more elegant.

回复收藏 0 原文