KnockoutJS

knockout更新列表中的某条数据，knockout.js绑定数组时更新其中一条数据

knockout目前最新版：knockout-3.1.0.js 关于knockout可以去官网学习，官网内容很丰富，讲的很详细，可在线学习 knockout官网：http://knockoutjs.com
·2015-10-27 14:07

MVVM架构~knockoutjs系列之扩展ajax验证~验证输入数据是否与后台数据相等

返回目录 在看这篇文章之前,你有必要先看我之前的文章,之前文章是将一个方法以参数的形式传给KO,然后返回一个真假值,去做验证,这类似于面向对象语言里的委托,在JS里我们叫它回调方法,本篇文章与前一文章不同,需要有两个参数,其一是远程方法的签名(JS方法),其二是已知要比较的数据(可能是加密后的密码数据),当用户输入文字后,它将会调用JS方法获取远程数据,以比较原数据与你输入的数据是否匹配. 知识
·2015-10-27 13:37

MVVM架构~knockoutjs系列之数组的$index和$data

返回目录 已经写了很多knockoutjs的文章了，今天在review代码时，忽然看到一个问题，在knockout环境下，如何遍历一个简单的数组？
·2015-10-27 13:37

MVVM架构~knockoutjs系列之为Ajax传递Ko数组对象

返回目录 一些要说的 这是一个很有意思的题目，在ＫＯ里，有对象和数组对象两种，但这两种对象对外表现都是一个function，如果希望得到他的值，需要进行函数式调用，如ko_a()，它的结果为一个具体值或者数组或者函数，而ko_a则表示一个KO对象。 今天主要说一下如何在ajax方法里向后台传递对象和数组等参数，一般说来，我们为后台传递的是字符串和数字，而如果希望传递对象，则需要使用$.para
·2015-10-27 13:37

MVVM架构~knockoutjs系列之一些异常的总结（永久更新）

返回目录 1　关于attr属性的问题 这个问题主要出现的ＩＥ７和３６０浏览器，使用attr时，需要为属性名加上单引号，代码如下： <a data-bind="attr:{'href':url,'class':cssname},text:name"></a> 2　computed方法失效 这个问题需要将当前对象以参数的形式传入comput
·2015-10-27 13:36

MVVM架构~knockoutjs系列之扩展ajax验证~验证数据是否存在

返回目录 在大部分网站里,用户名都是唯一的,即当用户注册时,如果用户输入的名字不合法,我们需要提示用户,让用户再起个新名字,而这种复杂的验证一般是通过JS来实现的,如果把它集成到ko里,那就完美了.有了这个想法,我开始尝试它,相信一定可以成功的! 起初在设计时出现了很多问题,如ajax异步问题,延时处理问题,ajax返回值问题等等,经过几次失败后,在总结了相关知识后,终于设计出来了一个不错的扩
·2015-10-27 13:36

MVVM架构~knockoutjs系列之文本框数符长度动态统计功能

返回目录 这个功能为什么要写呢,因为在之前做了一个前端的页面效果,使用JS写的,感觉很累,真的,对于一个文本框长度动态统计,你要写blur,press,down什么的事件,太麻烦了,这时,我想到了knockoutjs
·2015-10-27 13:35

MVVM架构~knockoutjs系列之为validation.js扩展minLength和maxLength

返回目录 为什么要对minLength和maxLength这两个方法进行扩展呢,是因为这样一个需求,在用户注册时,可以由用户自己决定他们输入的字符,中文,英文,数字均可,这样做了之后,使用户的体验更好,但对于程序来说就有些麻烦了,因为 我们的Length方法只针对英文字符和数字而言的 原因1:事实上,真实的数据存储里,中文和全角他们占用的是两个字符的空间,所以,我们在验证中文时,应该考虑到这
·2015-10-27 13:35

MVVM架构~knockoutjs系列之验证信息自定义输出~再续

对于表单验证，我今天看了新浪的邮箱注册，觉得效果还可以，所以，就写了一个，它利用了knockoutjs里的hasfocus属性，对文本框进行焦点捕捉来实现的． 新浪截图   说明
·2015-10-27 13:34

MVVM架构~使用boxy和knockoutjs实现编辑功能

返回目录 这个功能我认为非常有用，尤其在后台管理系统中，它对用户来说，使用体验这块非常不错，下面是它的截图 说在前 在实现这个功能中，我们对knockout的基础知识一定要牢牢掌握，要知道，在knockout里一切都是对象，并且要知识knockout可以根据ＤＩＶ进行绑定，对于验证这块，可以根据你的object进行验证，而并非只能验证全局对象，而对于boxy来说， 要知道它加载ＨＴＭＬ代
·2015-10-27 13:34

MVVM架构~knockoutjs系列之级联select

返回目录 对于下拉列表框的绑定在之前的knockoutjs文章中已经介绍过，今天主要说一下级联的select，事实上，在knockoutjs里，是以数据绑定为中心的，而数据是以面向对象为前提的，而对于级联绑定来说
·2015-10-27 13:32

MVVM架构~knockoutjs系列之包括区域级联列表的增删改

这个例子我做了几次，之前总是有BUG，目前测试后，确定没有BUG才发上来的，主要功能是实现“我的银行”模块的增删改的功能，这个里面包括了级联列表的区域选择，这部分是难点，在开发过程中，我们应该知道一个概念，在knockoutjs
·2015-10-27 13:32

MVVM架构~knockoutjs系列之验证成功提示显示

返回目录 对于knockout.validation来说，我们已经知道了如何去验证大部分表单元素，而有时，我们的需求希望在每个元素验证成功后，去显示正确的提示，这个我们很容易的使用self.元素.isValid()方法来实现。 下面给出相关的代码 CSS代码 <style type="text/css"> .validationMessage {
·2015-10-27 13:32

MVVM架构~knockoutjs系列之从Knockout.Validation.js源码中学习它的用法

返回目录 说在前 有时，我们在使用一个插件时，在网上即找不到它的相关API，这时，我们会很抓狂的，与其抓狂，还不如踏下心来，分析一下它的源码，事实上，对于JS这种开发语言来说，它开发的插件的使用方法都在它的源码里，只要你踏下心去看，一切就都有了！ Knockout.Validation.js是为Knockout插件服务的，它可以为Knockout对象进行验证，就像你使用MVC模型验证一样，而这
·2015-10-27 13:31

MVVM架构~knockoutjs与MVC配合，实现列表的增删改功能

返回目录 MVC与MVVM的模型 在MVC实例项目中，为我们提供了简单的增删改查功能，而这种功能的实现与具体的Model很有关系，或者说它与后台数据库的关系过于紧密了，而对于开发人员来说当页面布局修改后，也会现时修改它们的Model部分，而对于MVVM思想体系来说，它可以不去修改后台Model，而后采用了一种前台绑定的方式，很好的实现了前台模块与后台Model的解耦！ 实例代码 本实例主要展现
·2015-10-27 13:31

MVVM架构~Knockoutjs系列之验证机制的引入

返回目录 对于Knockoutjs本身来说，没有提供验证模块，不过，有第三方的扩展，就像你为jquery库作extensions一样，这讲中我将介绍一个Knockout插件扩展，knockout.validation.js
·2015-10-27 13:30

MVVM架构~knockoutjs实现简单的购物车

概念相关 购物车相信大家都用过，很方便，可以将多个商品添加到购物车，并且可以修改购买商品的数据，当然为了用户体验好，在修改数据时，你的价格也会出现变化的，这使用JS可以实现，但我认为，代码量挺大的，而使用knockoutjs
·2015-10-27 13:30

翻译：Knockout 轻松上手 - 1 Knockout 是什么？

原文名称：KnockoutJS Starter Knockout 是一个非常棒的脚本库，可是我发现许多人并不了解它，所以，思胜翻译了这本著作。
·2015-10-27 12:27

翻译：使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 6 - 业务逻辑

Part 3: 设计逻辑层：核心开发  如前所述，我们的解决方案如下所示:下面我们讨论整个应用的结构，根据应用中不同组件的逻辑相关性，分离到不同的层中，层与层之间的通讯通过或者不通过限制。分层属于架构风格，在应用的长时间生命周期中，解决维护和扩展问题。所以，让我们在解决方案中添加一个类库项目，命名为 Application.Common. Application.Common : 这
·2015-10-27 12:24

Knockoutjs快速入门

本文转自：http://www.cnblogs.com/yinzixin/archive/2012/12/21/2827356.html Knockoutjs是一个JavaScript实现的MVVM框架
·2015-10-27 12:07

在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建

但有些时候，是不希望在页面上弹出框的，我们可能会想到Knockoutjs,它能以MVVM模式实现同一个页面上的增删改查，再辅以knockout.validation.js，还可以对Model进行验证。
·2015-10-27 12:08

KnockoutJs学习笔记

1.缘由 　　新公司前端用的是Jquery+Knockout,Knockout只知道是MVVM,未曾接触.报到前,先学习下。 2.前置知识 　　MVVM模式介绍 MVVM：模型－视图－视图模型（Model-View-ViewModel） 　  组成部分Model、View、ViewModel  View：UI界面 ViewModel：它是View的抽象，
·2015-10-27 11:26

KnockJs 绑定语法

按照汤姆大叔的教程，学习了KnockJs相关知识，练习一下KnockoutJs的绑定语法。 相关的教程大家可以去看 汤姆大叔的博客。
·2015-10-23 08:05

knockoutjs学习笔记：显示绑定

从何而来 本系列摘抄自knockoutjs官方文档，同时结合自身项目使用记录心得。
·2015-10-21 13:42

knockoutjs学习笔记：文本(Text)绑定

目标 主要用于显示行内元素(<span>,<em>)的内部文本，当然也可用于其他元素。 例子 Today's message is: <span data-bind="text: myMessage"></span> <script type="text/javascript">
·2015-10-21 13:42

用Knockoutjs与Asp.net MVC实现级联下拉列表

    Knockout Js 另一个javascript库。 开源, 纯Javascript，小，无依赖，支持众多浏览器。在Asp.net MVC中我们来实现一个简单的级联下拉列表。 先看我们定义的Controller与Model: public class HomeController : Controller { pu
·2015-10-21 13:07

兼容AMD,nodejs/commonjs规范的模块定义

从knockoutjs源码中读到了一个很好的能兼容AMD,commonjs规范的模块定义。看代码 //闭包执行一个立即定义的匿名函数 !
·2015-10-21 12:59

自定义angularjs分页控件

继昨天写了knockoutjs+jquerypagination+asp.netwebApi实现无刷新列表页 ,正好最近刚学习angularjs,故琢磨着写一个angularjs版本的分页控件。
记忆的森林·2015-09-30 16:00

knockoutjs+ jquery pagination+asp.net web Api 实现无刷新列表页

Knockoutjs是一个微软前雇员开发的前端MVVMJS框架,具体信息参考官网 http://knockoutjs.com/WebAPI数据准备：偷个懒数据结构和数据copy自官网实例 http://
记忆的森林·2015-09-29 14:00

Magicodes.WeiChat——自定义knockoutjs template、component实现微信自定义菜单

本人一向比较喜欢折腾，玩了这么久的knockoutjs，总觉得不够劲，于是又开始准备折腾自己了。
雪雁·2015-09-25 16:00

knockoutJS学习笔记09：使用mapping插件

一、问题引出通常，我们先定义好html结构或者模板，通过ajax向后台发起请求，后台返回json数据，然后再将json数据渲染到页面上。以博客园个人博客里的个人信息为例子，如图：1.定义html。姓名： 园龄： 粉丝： 关注：  2.定义ViewModel，其中的数据都是observable的。varUserInfoVM={ UserName:ko.observable(""), Bl
我是攻城狮·2015-09-25 16:00

knockoutJS学习笔记08：表单域绑定

前面的绑定都是用在基本标签上，这章主要讲表单域标签的绑定。一、value绑定绑定标签：inputtext、textarea。用户名： 密码： functionUserInfo(){ varself=this; self.name=ko.observable("tom"); self.password=ko.observable("123456"); } varuserInfo=new
我是攻城狮·2015-09-25 09:00

knockoutJS学习笔记07：绑定上下文

所谓绑定上下文就是当前绑定(dat-bind)所使用到的对象（ViewModel）。在单个对象绑定的情况下是很容易理解的，但对象可能是复杂的类型，嵌套很多层，这个时候每层都有自己的上下文对象，理解起来就不是很方便了。ko通过上下文关键字，让层次间的关系变得更加清晰，相互访问变得更加简单。一、$data与$index上一篇介绍了ObservableArray和template，通常我们通过对象属性进
我是攻城狮·2015-09-24 15:00

knockoutJS学习笔记06：ko数组与模板绑定

前面已经介绍了基本的绑定和模板相关知识，接下来就看ko里的数组和模板绑定，数组和模板绑定应该是实际项目中用得比较多的，ko提供了很好的支持。一、observaleArray前面的监控属性都是单个对象，用的是ko.observable；有时候后台返回的是一个列表，也就是数组，这个时候就需要用监控数组了。监控数组与监控属性几乎一样，只不过它是一个数组对象，拥有数组的特点。例如：创建一个简单的监控数组：
我是攻城狮·2015-09-23 09:00

knockoutJS学习笔记05：控制文本和外观绑定

测试数据：functionPerson(name,age){ varself=this; self.name=ko.observable(name); self.age=ko.observable(age); self.isShow=ko.observable(""); self.html="没有div", self.isRed=true } varperson=newPerson
我是攻城狮·2015-09-22 16:00

knockoutJS学习笔记04：监控属性

一、语法介绍先来看一个简单的例子：varobj={name:ko.observable("tom")}ko.applyBindings(obj);这样会自动完成绑定。其中有3个特别的地方：1.data-bind。2.ko.observable方法。3.ko.applyBindings方法。1.1data-binddata-bind并不是html元素的固有属性，但它是完全正确的（符合html5规范）
我是攻城狮·2015-09-22 09:00

knockoutJS学习笔记03：knockout简介

通常来说，前端的维护难度是比较大的，特别是脚本，虽然像jquery这样的库可以帮助我们减少很多代码，但在稍微复杂的情况下，还是会产生有很多代码。上一篇介绍了模板引擎jsRender，它可以帮我们快速生成html，减少代码的编写，增强代码的可阅读性和可维护性。但最后也说到，它还是不够强大。一、mvvm说到mvvm，就想到以前学过的wpf，虽然学得一般...,对比winform，wpf里面有很多很好的
我是攻城狮·2015-09-21 15:00

knockoutJS学习笔记02：jsRender模板引擎

上一篇最后提到了模板，并尝试自己编写一个最简单版本；有些朋友可能用过jqtmpl，这是一个基于jquery的模板引擎，不过它已经不再更新了，而且据说渲染速度比较慢。这里介绍另外一个模板引擎:jsRender。个人觉得这些东西学习起来还是很简单的，挑一个看看就行，实际要用到了哪个，官网看看demo也就会用了。之所以选择jsRender，因为它具有以下特点：简单直观功能强大可扩展的快如闪电当然，谁都会
我是攻城狮·2015-09-21 09:00

knockoutJS学习笔记01：从拼接字符串到编写模板引擎

开篇关于knockout的文章，园里已经有很多大神写过了，而且都写得很好。其实knockout学习起来还是很容易的，看看官网的demo和园里的文章，练习练习就可以上手了（仅限使用，不包含研究源码）。之所以想写这个系列，主要是想记录自己的学习和应用过程，也希望能给初学者一点帮助。既然是学习过程就一步一步来，从最开始的解决方案，到优化过程，到最后的实现方案。有了思考和对比，才会更加明白这个东西有什么好
我是攻城狮·2015-09-18 09:00

Knockoutjs快速入门(经典)

Knockoutjs是一个JavaScript实现的MVVM框架.主要有如下几个功能1.Declarativebindings2.Observablesanddependencytracking3.Templating
hanjiyu·2015-08-21 15:00

以todomvc为例分析knockout、backbone和angularjs

一、整体结构项目github地址https://github.com/tastejs/todomvc/ 排除通用的css样式文件和引用的js库文件,仅看html和js1.1knockoutjs版todoapp
GongQi·2015-08-14 18:00

[KnockoutJS] - Summary of Presentation of John Papa

 knockoutjsofficialwebsite:http://knockoutjs.comtheyoutubelink:https://www.youtube.com/watch?
sgwzxg·2015-07-02 15:00

前端学习的地址

1.knockoutjshttp://knockoutjs.com/examples/helloWorld.html2. marionettejshttp://marionettejs.com/#downloadhttp
xiuhong·2015-06-16 11:00

SpringMVC 表单防止重复提交(Ajax提交方式)

    SpringMVC中如果使用了knockoutJs前端开发框架，在表单提交的时候只需要把ViewModel中的数据以Ajax提交的方式提交到后台进行处理，这时候我们需要在前端做防止重复提交。
afandaafandaafanda·2015-05-28 15:00

Knockoutjs：Component and Custom Elements

Knockoutjs的Components是一种自定义的组件，它以一种强大、简介的方式将你自己的ui代码组织成一种单独的、可重用的模块，自定义的组件（Component）有以下特点：1.可以替代单独的widgit
SonoFelice_mm·2015-05-08 18:00

怎么样快速入门AngularJS？

相信很多初学者都有过或者类似的疑问，其实这个问题没有标准的答案，每个人的技术背景、工作经验等等都不经相同，所以学习AngularJS的切入点肯定也就不同，我之前初略使用过knockoutjs，当我第一眼看到
·2015-05-07 17:00

KnockoutJs dynamic Binding

KnockoutJs能够很方便地实现动态绑定，这种绑定是双向的，即对DOM数据源的修改会立即反映到DOM上。KnockoutJs是MVVM模式的实践者。
afandaafandaafanda·2015-04-07 20:00

2014技术总结

新公司,新契机   公司 NL ND IDE eclipse eclipse/idea JDK 5 7 js jquery knockoutjs 开发框架 ssh(spring2.5
·2015-02-17 16:00

Knockoutjs实战开发：属性监控（Observables）和依赖跟踪（Dependency tracking ）

昨天我们通过Knockoutjs环境搭建一 文对Knockoutjs进行了简单的了解，我们在使用Js的很多情况下都是为了实现页面的局部刷新从而可以获得数据，使用Knockoutjs的情况也 不例外，在Knockoutjs
ljl_xyf·2015-01-30 07:00

Knockoutjs属性绑定(Bindings)之控制文本和外观(Controlling text and appearance)

上次我们通过《Knockoutjs实战开发：属性监控（Observables）和依赖跟踪（Dependency tracking ）》一文对Knockoutjs的属性监控有了初步的了解，在昨天的文章中我们只是对某个属性进行监控介绍
ljl_xyf·2015-01-30 07:00
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他