关于knockout.js的observable动态加载问题

最新推荐文章于 2019-06-11 08:27:55 发布
最新推荐文章于 2019-06-11 08:27:55 发布
阅读量1.3k 收藏
点赞数 1
文章标签： knockout observable
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kikeym/article/details/73225166
版权
在使用Knockout.js的项目中，遇到一个动态加载数据的问题，特别是当尝试更新一组数据中的特定值时，某个observable(otherCondition)无法正确反映出最新值。通过将data-bind的html替换为value属性，问题得到解决。本文记录了这个错误及其解决方案。
摘要由CSDN通过智能技术生成

在项目中使用到knockout，在加载一组数据的时候遇到一个问题，一组数据里面有一个值无法动态加载更改的值

更新数据时，dialogModel里面的otherCondition无法获取最新的值，我把data-bind的html改成value就可以了，

不清楚为什么出错，此次仅记录一下错误


function Model() {
    var _self = this;

_self.dialogModel =  ko.observable({
    actName:'',
最低0.47元/天 解锁文章
kikeym
关注
使用Knockout.js控制级联选择
04-11
**使用Knockout.js控制级联选择** 在Web开发中，常常遇到级联选择（Cascading Selects）的需求，即一个下拉框的选择会影响到另一个下拉框的选项。这通常用于显示层次结构数据，例如国家与城市的关系，或者部门与...
knockoutjs异步调用赋值导致的无缝滚动组件不起作用的处理
sxf359的博客
12-05 643
​html代码：
knockoutjs的某些坑总结
weixin_33749242的博客
06-11 295
最近折腾一个五年前的项目，里面用了这个轻量级的mvvm框架 一堆坑，而且几乎是处于被抛弃的状态。。。这里就是记些用的过程中遇到的问题和自己的解决方法，不从深层去挖了~ 具体使用方法可参考以下链接： data-bind用法 监听数组 data-bind 一个元素不能写多次data-bind，即：<div data-bind="" data-bind=""></div> 解...
【Knockout】二、监控属性Observables
weixin_30851867的博客
12-25 151
MVVM和viewModel Knockout是建立在以下三大核心功能之上的： 监控属性和依赖跟踪（Observables and dependency tracking） 声明式绑定（Declarative bindings） 模板（Templating） 首先让我们先来了解下MVVM模式，和viewModel的概念。 MVVM（model、view、viewModel）是一...
KnockoutJs (二)实时刷新，数组不能刷新解决办法
Seal203的博客
08-21 5440
var cartList = (@Html.Raw(@ViewData["json"])); //接收后台Json数据 for(var item in cartList) //针对数组不能实时刷时解决方法，遍历Json { var p=cartList[item].Price; var
mvc+knockout.js联动
08-13
而Knockout.js是一个轻量级的JavaScript库，专注于MVVM（Model-View-ViewModel）模式，提供了数据绑定和依赖跟踪功能，使得动态UI的创建变得更加简单。 ### MVC 框架 **ASP.NET MVC** 是Microsoft提供的一个开源...
Knockout.Combobox:用于淘汰赛的组合框绑定
05-07
**Knockout.Combobox** 是一个专门为JavaScript框架Knockout.js设计的扩展库，它提供了对于组合框（ComboBox）的高效数据绑定功能，尤其适用于实现淘汰赛或选择列表的场景。这个库允许开发者轻松地将HTML组合框与...
Knockout数组(observable)使用详解示例
09-04
Knockout是一个强大的JavaScript库，用于构建动态用户界面。它使用MVVM（Model-View-ViewModel）模式，其中 observable 是核心概念之一。本篇文章重点介绍了如何使用Knockout中的 observableArray，这是一种特殊类型...
knockout.list:列表绑定仅通过加载视口的数据即可滚动浏览多达500.000个项目
05-02
淘汰表 列表绑定仅通过加载视口数据就能够滚动浏览多达500,000个项目。 注意：该项目仍处于初期阶段，因此请自行决定使用。用法data-bind="list: <observableArray>"data-bind="list: {data: <observableArray>}...
【JS】Knockout动态刷新及绑定数据
alvin2901的博客
07-17 847
<script> // Knockout ViewModel Define function RemarkTemplateModel() { var self = this; // Current Instance self.RemarkTemplate = ko.observableArray(...
Knockout JS 增加、去除、修改绑定
热门推荐
hongweigg的专栏
02-11 1万+
Knockuot JS 似乎只考虑过怎么绑定（ko.applyBindings（）），却没考虑过怎么去除绑定，当修改了DOM内容，需要重新绑定时，发现似乎无能为力。 一、解决办法 这里有一个重新绑定的方法，就是使用ko.cleanNode()，然后再使用ko.applyBindings()重新绑定就可以了。 1、VIEW模型 3、更改绑定 你叫啥? 我问的是别名! 2、V
KnockoutJS更新数组某一项数据
03-17 2872
KnockoutJS是一个JavaScript实现的MVVM框架。非常棒。比如列表数据项增减后，不需要重新刷新整个控件片段或自己写JS增删节点，只要预先定义模板和符合其语法定义的属性即可。简单的说，我们只需要关注数据的存取。 本文主要实现官网没有提到的更新数组绑定中的某一项数据时的操作，首先克隆该对象并更改后进行替换，从而达到更新的目的。这样可以避免重新绑定数组并更新整个列表。 ko
Android 自定义操作成功的loading动画
meixi_android的博客
09-06 1104
1、res----&gt;values文件夹下添加文件attrs.xml详情如下： &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;resources&gt; &lt;declare-styleable name="SuccessView"&gt; &lt;attr name="svStrokeC
Knockout处理数据
qq_32492843的博客
11-29 356
1、声明一个viewModel对象 var myViewModel = { personName: ko.observable(), personAge: ko.observable(), newArray: ko.observableArray() } 2、限制只在指定对象someElementId和后代节点中进行激活操纵。 ko.applyBindings（myVie...
KnockoutJS (一)Json动态增删
Seal203的博客
08-20 1306
var cmyk=[ { colorName:"cyan", value:"100,0,0,0" }, { colorName:"magenta", value:"0,100,0,0"
利用Knockout.js构建动态Web应用：实例与深度解析
"Knockout.js.2014.12.pdf" 是一本面向开发者的实用指南，专为提升动态客户端Web应用程序的设计与构建能力而编写。本书由Jamie Munro撰写，深入探讨了Knockout.js框架，这是一种轻量级的JavaScript库，采用了Model-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值