关于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,了解Observable与computed
eqera的专栏
12-26 1万+
KO是什么？ KO不是万能的，它的出现主要是为了方便的解决下面的问题： UI元素较多，用户交互比较频繁，需要编写大量的手工代码维护UI元素的状态、样式等属性？UI元素之间关系比较紧密，比如操作一个元素，需要改变另外一个元素的状态？DOM元素与Js对象之间的数据同步？前端javascript代码组织不理想？用户输入数据校验、DOM操作、后台交互…,交织在一起？ 基础概念一：viewMode
knockout.js学习之observables
shareing
06-15 416
在学习ko之前先来介绍下MVVM模式：model：程序中存储的数据，通常说是向服务器调用 Ajax 读写这个存储的模型数据。  view model: 在 UI 上，纯 code 描述的数据以及操作。view: 一个可见的，交互式的，表示 view model 状态的 UI。 ​       我们首先来创建个viewmodel模型 当然如果你要是想运行一下的程序的话应引入ko和jquery的
【Knockout】二、监控属性Observables
weixin_30851867的博客
12-25 149
MVVM和viewModel Knockout是建立在以下三大核心功能之上的： 监控属性和依赖跟踪（Observables and dependency tracking） 声明式绑定（Declarative bindings） 模板（Templating） 首先让我们先来了解下MVVM模式，和viewModel的概念。 MVVM（model、view、viewModel）是一...
knockoutjs 创建字段并输出到模板后 js修改它的值 observable
番兄web程序员
08-17 1187
遇到一个问题就是：我定义了一个字段，如：this.table_name = ko.observable(); 我从json数据获取到之后，需要修改这个值，但是不能直接用this.table_name = ‘somthing’; 这样操作的话，js的这个object是修改了值，但是模板上面没有绑定，也就是说，没有双向绑定了数据。 正确的写法是：this.table_name('somethin
Knockout应用开发指南 监控属性(Observables)
weixin_33672400的博客
11-04 119
2019独角兽企业重金招聘Python工程师标准>>> ...
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，这是一种特殊类型...
Bootstrap Datepicker和Knockout模型绑定
04-03
jQuery则作为一个强大的JavaScript库，可以方便地操作DOM（文档对象模型），实现页面的动态加载和事件处理，为Bootstrap Datepicker和Knockout.js的集成提供便利。 具体实现步骤如下： 1. **引入资源**：首先，在...
knockoutjs异步调用赋值导致的无缝滚动组件不起作用的处理
sxf359的博客
12-05 642
​html代码：
自写的第一个javascript组件滚动加载ScrollLoad开发过程
sxf359的博客
10-15 1346
滚动加载组件开发 我的需求：页面前端使用的是bootstrap+knockout 开发。前端采用的是MVVM绑定自服务器中获取的数据，原来是采用分页实现的，因为要开发手机可以访问的网页，所以修改为滚动加载形式，一旦下拉到页面底部，就用jquery的$.post 加载下一页。 首先想到的就是在github上获取别人已经造好的轮子
knockoutjs的某些坑总结
weixin_33749242的博客
06-11 295
最近折腾一个五年前的项目，里面用了这个轻量级的mvvm框架 一堆坑，而且几乎是处于被抛弃的状态。。。这里就是记些用的过程中遇到的问题和自己的解决方法，不从深层去挖了~ 具体使用方法可参考以下链接： data-bind用法 监听数组 data-bind 一个元素不能写多次data-bind，即：<div data-bind="" data-bind=""></div> 解...
KnockoutJs (二)实时刷新，数组不能刷新解决办法
Seal203的博客
08-21 5437
var cartList = (@Html.Raw(@ViewData["json"])); //接收后台Json数据 for(var item in cartList) //针对数组不能实时刷时解决方法，遍历Json { var p=cartList[item].Price; var
【JS】Knockout动态刷新及绑定数据
alvin2901的博客
07-17 845
<script> // Knockout ViewModel Define function RemarkTemplateModel() { var self = this; // Current Instance self.RemarkTemplate = ko.observableArray(...
Knockout绑定语法
热门推荐
eqera的专栏
12-26 2万+
1 visible 绑定 目的 visible绑定到DOM元素上，使得该元素的hidden或visible状态取决于绑定的值。 例子 div data-bind="visible: shouldShowMessage"> You will see this message only when "shouldShowMessage" holds a true value. div>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值