E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Knockout
MVVM架构~使用boxy和
knockout
js实现编辑功能
返回目录 这个功能我认为非常有用,尤其在后台管理系统中,它对用户来说,使用体验这块非常不错,下面是它的截图 说在前 在实现这个功能中,我们对
knockout
的基础知识一定要牢牢掌握,要知道,在
knockout
·
2015-10-27 13:34
knockout
MVVM架构~
knockout
js系列之级联select
返回目录 对于下拉列表框的绑定在之前的
knockout
js文章中已经介绍过,今天主要说一下级联的select,事实上,在
knockout
js里,是以数据绑定为中心的,而数据是以面向对象为前提的,而对于级联绑定来说
·
2015-10-27 13:32
knockout
MVVM架构~
knockout
js系列之包括区域级联列表的增删改
这个例子我做了几次,之前总是有BUG,目前测试后,确定没有BUG才发上来的,主要功能是实现“我的银行”模块的增删改的功能,这个里面包括了级联列表的区域选择,这部分是难点,在开发过程中,我们应该知道一个概念,在
knockout
js
·
2015-10-27 13:32
knockout
MVVM架构~
knockout
js系列之验证成功提示显示
返回目录 对于
knockout
.validation来说,我们已经知道了如何去验证大部分表单元素,而有时,我们的需求希望在每个元素验证成功后,去显示正确的提示,这个我们很容易的使用self.元素.isValid
·
2015-10-27 13:32
knockout
MVVM架构~
knockout
js系列之从
Knockout
.Validation.js源码中学习它的用法
Knockout
.Validation.js是为
Knockout
插件服务的,它可以为
Knockout
对象进行验证,就像你使用MVC模型验证一样,而这
·
2015-10-27 13:31
validation
MVVM架构~
knockout
js与MVC配合,实现列表的增删改功能
返回目录 MVC与MVVM的模型 在MVC实例项目中,为我们提供了简单的增删改查功能,而这种功能的实现与具体的Model很有关系,或者说它与后台数据库的关系过于紧密了,而对于开发人员来说当页面布局修改后,也会现时修改它们的Model部分,而对于MVVM思想体系来说,它可以不去修改后台Model,而后采用了一种前台绑定的方式,很好的实现了前台模块与后台Model的解耦! 实例代码 本实例主要展现
·
2015-10-27 13:31
knockout
MVVM架构~
Knockout
js系列之验证机制的引入
返回目录 对于
Knockout
js本身来说,没有提供验证模块,不过,有第三方的扩展,就像你为jquery库作extensions一样,这讲中我将介绍一个
Knockout
插件扩展,
knockout
.validation.js
·
2015-10-27 13:30
knockout
MVVM架构~
knockout
js实现简单的购物车
概念相关 购物车相信大家都用过,很方便,可以将多个商品添加到购物车,并且可以修改购买商品的数据,当然为了用户体验好,在修改数据时,你的价格也会出现变化的,这使用JS可以实现,但我认为,代码量挺大的,而使用
knockout
js
·
2015-10-27 13:30
knockout
Knockout
: radio选项切换引发click事件的一点总结
2.思路一:不使用
knockout
,直接用click事件,就可以实现这个需求,代码如下: <html> <head> </head> <body &
·
2015-10-27 13:56
knockout
轻量级前端MVVM框架avalon源码分析-总结
距avalon0.7版本发布有一段时间,由于之前的稳定性,就停止一段时间更新,期间研究了下
Knockout
源码,也尝试写了一个小型的mvvm的实现模型,仅仅只是仿造ko的核心实现,把无关的东西给剥离掉了
·
2015-10-27 13:13
源码分析
翻译:
Knockout
轻松上手 - 1
Knockout
是什么?
原文名称:
Knockout
JS Starter
Knockout
是一个非常棒的脚本库,可是我发现许多人并不了解它,所以,思胜翻译了这本著作。
·
2015-10-27 12:27
knockout
翻译:使用 ASP.NET MVC 4, EF,
Knockout
js and Bootstrap 设计和开发站点 - 6 - 业务逻辑
Part 3: 设计逻辑层:核心开发 如前所述,我们的解决方案如下所示:下面我们讨论整个应用的结构,根据应用中不同组件的逻辑相关性,分离到不同的层中,层与层之间的通讯通过或者不通过限制。分层属于架构风格,在应用的长时间生命周期中,解决维护和扩展问题。所以,让我们在解决方案中添加一个类库项目,命名为 Application.Common. Application.Common : 这
·
2015-10-27 12:24
bootstrap
Knockout
js快速入门
本文转自:http://www.cnblogs.com/yinzixin/archive/2012/12/21/2827356.html
Knockout
js是一个JavaScript实现的MVVM框架
·
2015-10-27 12:07
knockout
ASP.NET Web API实践系列07,获取数据, 使用Ninject实现依赖倒置,使用
Knockout
实现页面元素和视图模型的双向绑定
本篇接着上一篇"ASP.NET Web API实践系列06, 在ASP.NET MVC 4 基础上增加使用ASP.NET WEB API",尝试获取数据。 在Models文件夹下创建Comment类: namespace MvcApplication5.Models { public class Comment {
·
2015-10-27 12:26
knockout
在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建
但有些时候,是不希望在页面上弹出框的,我们可能会想到
Knockout
js,它能以MVVM模式实现同一个页面上的增删改查,再辅以
knockout
.validation.js,还可以对Model进行验证。
·
2015-10-27 12:08
repository
在ASP.NET MVC中使用
Knockout
实践08,使用foreach绑定集合
本篇体验使用 foreach 绑定一个Product集合。 首先使用构造创建一个View Model。 var Product = function(data) { this.name = ko.observable(data.name); this.category = ko.observable(data.
·
2015-10-27 12:08
knockout
在ASP.NET MVC中使用
Knockout
实践09,自定义绑定
Knockout
真正强大之处在于绑定机制,通过data-bind属性值体现绑定,不仅可以绑定值,还可以绑定事件,甚至可以自定义绑定。
·
2015-10-27 12:08
knockout
在ASP.NET MVC中使用
Knockout
实践07,自定义验证信息的位置与内容
在前两篇中,体验了
Knockout
的基本验证和自定义验证。本篇自定义验证信息的显示位置与内容。
·
2015-10-27 12:07
knockout
在ASP.NET MVC中使用
Knockout
实践06,自定义验证、异步验证
在上一篇中体验了
Knockout
.Validation的基本验证,本篇体验自定义验证和异步验证。
·
2015-10-27 12:07
knockout
在ASP.NET MVC中使用
Knockout
实践05,基本验证
Knockout
的subscribe方法能为View Model成员注册验证规则。
·
2015-10-27 12:07
knockout
在ASP.NET MVC中使用
Knockout
实践02,组合View Model成员、Select绑定、通过构造器创建View Model,扩展View Model方法
本篇体验使用ko.computed(fn)计算、组合View Model成员、Select元素的绑定、使用构造器创建View Model、通过View Model的原型(Prototype)为View Model添加扩展方法。 □ 使用ko.computed(fn)计算成员 有时候,我们希望把View Model中的几个成员组合起来成为一个新成员,使用ko.co
·
2015-10-27 12:06
knockout
在ASP.NET MVC中使用
Knockout
实践03,巧用data参数
使用
Knockout
,当通过构造函数创建View Model的时候,构造函数的参数个数很可能是不确定的,于是就有了这样的一个解决方案:向构造函数传递一个object类型的参数data。
·
2015-10-27 12:06
knockout
在ASP.NET MVC中使用
Knockout
实践04,控制View Model的json格式内容
通常,需要把View Model转换成json格式传给服务端。但在很多情况下,View Model既会包含字段,还会包含方法,我们只希望把字段相关的键值对传给服务端。 先把上一篇的Product转换成json格式,通过pre元素显示出来。 <input data-bind="value: name"/><hr/> <select data-b
·
2015-10-27 12:06
knockout
在ASP.NET MVC中使用
Knockout
实践01,绑定Json对象
本篇体验在ASP.NET MVC下使用
Knockout
,将使用EF Code First创建数据库。最后让
Knockout
绑定一个Json对象。 创建一个领域模型。
·
2015-10-27 12:05
knockout
Knockout
获取数组元素索引的2种方法,在MVC中实现
在遍历数组、集合的时候,通常要获取元素的索引,本篇体验使用
Knockout
获取索引的2种方法。
·
2015-10-27 12:21
knockout
Knockout
官网实例在MVC下的实现-02,实现计次
本篇使用
Knockout
在MVC下实现"Hello World",对应的官网实例在这里。
·
2015-10-27 12:17
knockout
Knockout
官网实例在MVC下的实现-01,实现Hello world
本篇使用
Knockout
在MVC下实现"Hello World",对应的官网实例在这里。
·
2015-10-27 12:15
Hello world
Knockout
.js随手记(3)
下拉菜单 <select>也是网页设计重要的一环,
knockout
.js(以下简称KO)也有不错的支持。
·
2015-10-27 12:07
knockout
Knockout
: 使用
knockout
validation插件进行校验, 给未通过校验的输入框添加红色边框突出显示.
之前整理了三篇帖子:
Knockout
: 使用CSS绑定和event的blur失去焦点事件, 给未通过校验的输入框添加红色边框突出显示. http://www.cnblogs.com/liuzhendong
·
2015-10-27 12:58
validation
Knockout
Js学习笔记
1.缘由 新公司前端用的是Jquery+
Knockout
,
Knockout
只知道是MVVM,未曾接触.报到前,先学习下。
·
2015-10-27 11:26
knockout
Knockout
.Js官网学习(Mapping高级用法一)
前言 有时候,在使用ko.mapping.fromJS的时候,可能有必要去使用mapping的高级用法来定义mapping的详细过程,以后定义了,以后再调用的时候就不必再定义了。这里有一些情形,你可能需要使用这些option。 使用keys来使对象unique化 你有一个JavaScript对象,如下: var data = { name: 'Scot', children: [{ id
·
2015-10-27 11:50
knockout
Knockout
.Js官网学习(Mapping高级用法二)
使用ignore忽略不需要map的属性 如果在map的时候,你想忽略一些属性,你可以使用ignore累声明需要忽略的属性名称集合: var data = {"name":"aehyok","age":"25" }; var mapping = { 'ignore': ["age&quo
·
2015-10-27 11:50
knockout
Knockout
.Js官网学习(创建自定义绑定)
前言 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可以在form表单里自定义像grid,tabset等这样的绑定。 注册你的绑定 添加子属性到ko.bindingHandlers来注册你的绑定: <script type="text/javascript&
·
2015-10-27 11:49
knockout
Knockout
.Js官网学习(click绑定)
前言 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意元素上使用。 简单示例 <h2>ClickBind</h2> <div> You've clicked <span data-bind="text: number
·
2015-10-27 11:47
knockout
Knockout
.Js官网学习(style绑定、attr绑定)
Style绑定 style绑定是添加或删除一个或多个DOM元素上的style值。比如当数字变成负数时高亮显示,或者根据数字显示对应宽度的Bar。(注:如果你不是应用style值而是应用CSS class的话,请参考CSS绑定。) Style简单示例 <div data-bind="style: { color: currentProfit() < 0
·
2015-10-27 11:47
knockout
Knockout
.Js官网学习(html绑定、css绑定)
Html绑定 html绑定到DOM元素上,使得该元素显示的HTML值为你绑定的参数。如果在你的view model里声明HTML标记并且render的话,那非常有用。 简单示例 <div data-bind="html: details"></div> <script type="text/javascript"&g
·
2015-10-27 11:46
knockout
发布一个简单的
knockout
-easyui绑定库
原先计划早就要完成的这个项目也拖延了近两个月后总算勉勉强强发布了(最开始设想的部分功能就这么砍了,好吧纯粹个人太懒)
knockout
作为老牌的mvvm框架版本已经到3.X了,对个人来说能支持当前公司项目的目标浏览器
·
2015-10-27 11:56
knockout
不要听吹牛逼什么前端MVVM框架就是好,其实都是一帮没学好分层设计的搞出来的,让你彻底看清前端MVVM的本质
最近前端圈子里面,发现大家都在热炒概念,什么
knockout
,angularJs,都被捧成神了,鄙人不才,最近心情也不好,特地写这篇文章来找骂 写代码的码农都知道,Java社区虽然不是一个提出分层思想的
·
2015-10-27 11:46
框架
Knockout
.js随手记(8)
visible, disable, css绑定 这个例子非常简单,主要演示如何通过属性控制html元素的显示与否(visible),可用性(disable)以及根据属性添加相应的CSS样式。 先简单的看一段代码: <p> <input id="isvip" type='checkbox' data-bind="che
·
2015-10-27 11:40
knockout
Knockout
.js随手记(7)
数组元素的新增/移除事件 前两篇博客已经很清楚的知道
knockout
.js通过observableArray()数组元素增减,可以实时的反映在UI上。
·
2015-10-27 11:39
knockout
Knockout
.js随手记(6)
实时反映对象属性的变化 在前一篇博客中我们使用了如下代码去新增user对象,即push方法: $("#btnAddUser").click(function () { vm.users.push(new UserViewModel( $("#u_id").val(),
·
2015-10-27 11:39
knockout
Knockout
.js随手记(5)
以列表方式呈现数据 处理以数组形式储存的多条数据,要先认识foreach。在ViewModel定义一个JavaScript Array或是ko.observableArray() (observableArray在新增或剔除数组元素时,KO会立刻察觉反应到UI,普通Array则不会),然后在某个容器元素(例如: div, ul, tbody... )声明data-bind=&qu
·
2015-10-27 11:38
knockout
Knockout
.js随手记(4)
动态绑定下拉列表 在<select> data-bind的options选项如果绑定到ko.observableArray(),就可以动态新增选项效果,也就是可以利用其完成常见的级联效果的。 在这一篇文章中,我们用单页面完成无刷新的前台新增选项和使用MVC完成后台的动态添加2个例子。 范例一: ViewModel中声明一个selectOptions属性为一个ko.obser
·
2015-10-27 11:37
knockout
knockout
示例
最近项目需要用到
knockout
js,有关
knockout
的介绍网上已经很多很多了,但是很少有比较全面的示例,于是乎我就自己做了一个小demo,已备以后查阅。
·
2015-10-27 11:23
knockout
WCF 中容易混淆的一些东西
WSDLvsMEX,
knockout
ortie?
东风125
·
2015-10-26 14:00
理解和学习AngularJS(一)
框架有:
knockout
等。Angular.js主要用于构建单页面
trigkit4
·
2015-10-24 00:00
angular.js
javascript
太狠了!直接干翻!
Best
Knockout
·
2015-10-24 00:00
MVC MVVM
Knockout
常遇问题总结
1、模板绑定(使用插件jquery.tmpl) var ViewModel={Product:ko.observable()} <div data-bind="template:{name:'templatePropertys'}"><div> <script type="text/html" id=&q
·
2015-10-23 09:38
knockout
MVC MVVM
Knockout
viewmodel 提交 完整过程,包含序列化 JSON 和 字典模型绑定
//JSON 通用操作------------------------------------------------------------------------------using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Runtime.S
·
2015-10-23 09:37
knockout
WinJS.Binding.List与kendo.data.ObservableArray
于是看一下其他两个MVVM框架的做法(
knockout
, emberjs, angular都不能监听家庭数组元素的属性改动) WinJS.Binding.List的详细文档可见 这里 我写了一些测试示例
·
2015-10-23 09:52
array
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他