随笔分类 -  Web - Knockout

摘要:# ko.utils 大全 `ko.utils` 是 KnockoutJS 中的一个工具类,它提供了一些实用的方法来处理数组、字符串和 DOM 元素等。这些方法可以分为以下几类: ## 数组处理 这类方法用于处理数组,包括遍历、过滤、查找、映射和删除等操作。例如:ko.utils.arrayForE 阅读全文
posted @ 2023-07-11 17:20 【唐】三三 阅读(69) 评论(0) 推荐(0) 编辑
摘要:通过在 App / widgets / {your-widget-name} 添加 viewmodel.js 和 view.html 文件来创建小部件 为了利用Durandal的默认小部件支持,我们需要安装插件并以特定的方式组织小部件代码。首先,让我们安装插件。下面是 main.js 的样子 def 阅读全文
posted @ 2023-05-15 11:16 【唐】三三 阅读(11) 评论(0) 推荐(0) 编辑
摘要:正在搜索: durandalJS dialog的数据回传 正在搜索: durandalJS dialog的数据回传 正在搜索: durandalJS dialog data return 正在搜索: durandalJS dialog data return 正在为你生成答案… 正在为你生成答案… 阅读全文
posted @ 2023-04-26 11:21 【唐】三三 阅读(42) 评论(0) 推荐(0) 编辑
摘要:概述 :组件和自定义元素 Components 是将UI代码组织成自包含的、可重用的块的一种强大而干净的方法。他们: …可以表示单个控件/窗口小部件或应用程序的整个部分 …包含它们自己的视图,并且通常(可选地)包含它们自己的视图模型 …可以通过AMD或其他模块系统预加载,也可以(按需)异步加载 …可 阅读全文
posted @ 2019-05-13 16:22 【唐】三三 阅读(1211) 评论(0) 推荐(0) 编辑
摘要:加载和保存 JSON 数据 Knockout允许您实现复杂的客户端交互,但是几乎所有web应用程序还需要与服务器交换数据,或者至少要序列化数据以供本地存储。交换或存储数据最方便的方式是JSON格式——目前大多数Ajax应用程序都使用这种格式。 加载或保存数据 Knockout 并不强制您使用任何特定 阅读全文
posted @ 2019-05-13 16:22 【唐】三三 阅读(571) 评论(0) 推荐(0) 编辑
摘要:1 创建带有监控属性的view model 1.1 Observables Knockout是在下面三个核心功能是建立起来的: 监控属性(Observables)和依赖跟踪(Dependency tracking) 声明式绑定(Declarative bindings) 模板(Templating) 阅读全文
posted @ 2019-03-26 23:46 【唐】三三 阅读(823) 评论(0) 推荐(1) 编辑
摘要:![](https://img2018.cnblogs.com/blog/196558/201905/196558-20190505230709345-39565591.png) 官网:https://knockoutjs.com/documentation/introduction.html Kn 阅读全文
posted @ 2019-01-29 11:26 【唐】三三 阅读(1169) 评论(0) 推荐(1) 编辑
摘要:每一套框架基本上都会有一个工具类,如: 中的 、`Knockout ko.utils jQuery $`里面,如果你还需要更多的工具类可以试试 "lodash" 。本文只介绍一下Knockout中 中处理数组的一些方法。 ko.utils.arrayForEach(_array_, _callbac 阅读全文
posted @ 2019-01-29 11:12 【唐】三三 阅读(568) 评论(0) 推荐(0) 编辑
摘要:创建自定义绑定 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可以在form表单里自定义像grid,tabset等这样的绑定。 注册您的绑定 添加子属性到ko.bindingHandler 阅读全文
posted @ 2019-01-28 16:23 【唐】三三 阅读(510) 评论(0) 推荐(0) 编辑
摘要:基础 template绑定通过模板将数据render到页面。模板绑定对于构建嵌套结构的页面非常方便。默认情况, Knockout用的是流行的jquery.tmpl模板引擎。使用它的话,需要在安装页面下载和引用jquery.tmpl和jQuery框架。或者你也可以集成其它的模板引擎(虽然需要了解Kno 阅读全文
posted @ 2019-01-28 09:50 【唐】三三 阅读(1007) 评论(0) 推荐(0) 编辑
摘要:click <div> You've clicked <span data-bind="text: numberOfClicks"></span> times <button data-bind="click: incrementClickCounter">Click me</button> </d 阅读全文
posted @ 2019-01-24 16:17 【唐】三三 阅读(711) 评论(0) 推荐(0) 编辑
摘要:模拟数据user.json。 userlist.html userlist.js 阅读全文
posted @ 2019-01-23 17:50 【唐】三三 阅读(304) 评论(0) 推荐(0) 编辑
摘要:foreach 示例1:迭代数组 foreach binding主要作用于lists或是tables内数据单元的动态绑定。下面是一个简单的例子: 示例2:添加 / 删除的实例 在上述示例中,我们简单的在ko.applybindings中添加了一个数组并将其绑定在一个tbody元素中,我们也可以自定义 阅读全文
posted @ 2019-01-22 22:55 【唐】三三 阅读(883) 评论(0) 推荐(0) 编辑
摘要:Visible Visible binding会依据绑定的数据来决定相应的DOM元素是否隐藏,hidden或visible。 我们首先在js文件部分定义一个view model,这里我创建的是一个object而不是一个构造函数,个人分析认为,object类型的定义就是一种persistent vie 阅读全文
posted @ 2019-01-21 22:50 【唐】三三 阅读(647) 评论(0) 推荐(0) 编辑
摘要:![](https://img2018.cnblogs.com/blog/196558/201901/196558-20190121151423054-981592108.png) ![](https://img2018.cnblogs.com/blog/196558/201901/196558-20190121152930754-1754355062.gif) 阅读全文
posted @ 2019-01-21 15:14 【唐】三三 阅读(237) 评论(0) 推荐(0) 编辑
摘要:Computed Observables 如果您有一个用于firstName的 observable 对象,和一个用于lastName的可观察对象,并且您想显示全名,该怎么办?这就是计算可观察性的用武之地——这些函数依赖于一个或多个其他可观察性,并且当这些依赖关系中的任何一个发生变化时,都会自动更新 阅读全文
posted @ 2019-01-20 23:48 【唐】三三 阅读(986) 评论(0) 推荐(0) 编辑
摘要:简单示例 监控属性(Observables) demo2 1.observable.html demo2 2.fullname.html The name is Bob Smith 阅读全文
posted @ 2019-01-13 22:26 【唐】三三 阅读(290) 评论(0) 推荐(0) 编辑

more_horiz
keyboard_arrow_up dark_mode palette
选择主题
点击右上角即可分享
微信分享提示