引路蜂-CSDN博客

原创 Kendo UI开发教程(20): Kendo MVVM 数据绑定(九) Text

Text绑定可以使用ViewModel来设置DOM元素的文本属性，如果需要设置input,textarea,或select的显示，需要使用value属性。1span data-bind="text: name">span>2script>3var viewModel = kendo.observable({4 name: "John Doe"5});6 7kendo.bind($("span

2013-09-09 21:35:13 3637

原创 Kendo UI开发教程(21): Kendo MVVM 数据绑定(十) Source

Source绑定可以把ViewModel的值和由Kendo模板定义的目标元素绑定，如果ViewModel的值发生变化，被绑定的目标元素也随之发生变化。模板由属性data-template指定，它的值为某个script定义的模板的id.如果没有指明模板，则根据元素的标记使用缺省的模版。Source绑定到数组当ViewModel的值为一数组时，那么通过Source绑定到模板时，会把数组中每个元素逐个

2013-09-09 21:35:01 4190 1

原创 Kendo UI开发教程(18): Kendo MVVM 数据绑定(七) Invisible/Visible

Invisible/Visible绑定可以根据ViewModel的某个属性来显示/隐藏DOM元素。例如：1div id="view">2 div data-bind="invisible: isInvisible">some content3 4 div>5 button data-bind="click: show">Showbutton>6div>7scrip

2013-09-08 16:53:05 3066

原创 Kendo UI开发教程(19): Kendo MVVM 数据绑定(八) Style

Style绑定可以通过ViewModel绑定到DOM元素CSS风格属性，例如：1span data-bind="style: {color: priceColor, fontWeight: priceFontWeight},2 text: price">span>3 4script>5var viewModel = kendo.observable({6 price:

2013-09-08 16:52:42 3167

原创 Kendo UI开发教程(17): Kendo MVVM 数据绑定(六) Html

Html绑定可以使用ViewMode的属性来设置DOM元素的innerHTML属性。如果ViewModel的属性的数据类型不是字符串，比如（Text，Number或者Date),那么会调用toString()方法，将这些值转为字符串。注意:如果需要设置input,textarea或是select的值，需要使用value绑定。例如：1span data-bind="html: name">span>

2013-09-04 08:42:51 3784

原创 Kendo UI开发教程(16): Kendo MVVM 数据绑定(五) Events

本篇和Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click类似，为事件绑定的一般形式。Events绑定支持将ViewModel的方法绑定到DOM元素的事件处理（如鼠标事件）。例如：1div id="view">2 span data-bind="events: { mouseover: showDescription, mouseout: hideDescri

2013-09-01 17:48:54 3444

原创 Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled

Disabled和Enabled绑定可以根据ViewModel的某个属性值的true,false来设置DOM元素的enabled和diabled属性。Disabled/enabled属性只适用于input,select和textarea元素，当这些输入元素disabled后，用户无法修改其值。1div id="view">2input type="text" data-bind="value: n

2013-08-26 08:49:34 3897 1

原创 Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click

Click绑定可以把由ViewModel定义的方法不绑定到目标DOM的click事件。当点击目标DOM元素时触发ViewModel的对应方法。例如：使用Click绑定1div id="view">2 span data-bind="click: showDescription">Show descriptionspan>3 span data-bind="visible: isDesc

2013-08-25 20:07:39 4180

原创 Kendo UI开发教程(13): Kendo MVVM 数据绑定(二) Checked

Checked绑定用在checkbox ()或 radio button ()上。注意：checked绑定只适用于支持checked的DOM元素，其它DOM元素的值可以使用value绑定。多选钮(Checkedbox） checked绑定使用Kendo checked绑定到checkbox时，当ViewModel对应的值为true, Checkbox显示选中状态，而当用户点击checkbox选择状

2013-08-21 16:10:03 6720

原创 Kendo UI开发教程(12): Kendo MVVM 数据绑定(一) attr

Kendo UI MVVM数据绑定支持的绑定属性有 attr, checked, click, custom , disabled,enabled, events, html, invisible, , style, text ,value, visible ，这些属性可以绑定到DOM元素或是Kendo UI组件的属性。本篇介绍 attr 绑定。attr 支持把ViewModel的属性或方法绑定到

2013-08-19 08:53:21 6537

原创 Kendo UI开发教程(11): Kendo MVVM (二) ObservableObject 对象

概述Kendo MVVM框架关键的一个部分为ViewModel，它主要是通过kendo.data.ObserableObject来提供支持的。它可以监控改变（UI变化或是值的变化）并通知关心该变化的组件。本篇以下ViewModel 和 ObservableObject 代表同一对象。为了创建一个ObservableObject 对象，可以通过创建一个新kendo.data.ObservableO

2013-08-17 09:13:59 6275 1

原创 Kendo UI开发教程(10): Kendo MVVM (一) 概述

Model View ViewModel (MVVM) 是开发人员经常使用的一种设计模式，以实现数据模型（Model）和视图（View）的分离。MVVM中的ViewModel部分负责把模型中的数据对象以某种方便的形式和View结合起来（通常是通过数据绑定的方式）。Kendo MVVM实现了MVVN设计模式，并且支持和Kendo框架的其它部分（如UI组件和数据源）的无缝连接。准备开始使用MVVM模

2013-08-15 20:39:38 7020

原创休假归来

一个多月没有更新博客了，休了五个星期的假，行程绕地球一圈半还多，八年之后重游美国，回顾了一下迪斯尼，不同的是这次是全家一起重游Disney World。将尽快更新博客，敬请关注

2013-08-09 16:39:24 2683 2

原创 Kendo UI开发教程(9): Kendo UI Validator 概述

Kendo UI Validator 支持了客户端校验的便捷方法，它基于HTML 5 的表单校验功能，支持很多内置的校验规则，同时也提供了自定义规则的便捷方法。完整的Kendo UI 的Validator可以参见API 文档。HTML 5 表单校验HTML5 的一项重要功能是HTML 5 表单校验属性，通过设置限制属性为HTML输入设置输入类型，值域等，然后由浏览器来检查输入是否合法。支持的几

2013-07-24 06:46:18 10289 4

原创 Kendo UI开发教程(8): Kendo UI 特效概述

Kendo UI Fx 提供了一个丰富，可扩展，性能经过优化的工具集合用来完成HTML元素的过渡显示。每种特效近可能的使用CSS Transition ，对于一些老版本浏览器使用修改属性的方法作为补充。所有动画可以反向显示从而可以方便的实现元素的显示和隐藏。本篇介绍了Kendo UI特效的概要，完整的文档可以参考 API文档准备开始所有Kendo UI 特效都是通过kendo.fx JQuery

2013-07-24 06:44:36 6053

原创 Kendo UI开发教程(7): Kendo UI 模板概述

Kendo UI 框架提供了一个易用，高性能的JavaScript模板引擎。通过模板可以创建一个HTML片段然后可以和JavaScript数据合并成最终的HTML元素。Kendo 模板侧重于UI显示，支持关键的模板功能，着重于性能而不是语法上的方便。模板语法Kendo 模板使用了一种称为“#”的语法形式，使用这种语法，#用来表明模板中的某个部分可以使用JavaScript数据来替代。用三种方式使用

2013-07-24 06:43:01 13938 5

原创 Kendo UI开发教程(6): Kendo DataSource 概述

Kendo 的数据源支持本地数据源（JavaScript 对象数组），或者远程数据源（XML, JSON, JSONP)，支持CRUD操作（创建，读取，更新和删除操作），并支持排序，分页，过滤，分组和集合等。准备开始下面创建一个本地数据源。1var movies = [ {2 title: "Star Wars: A New Hope",3 year: 19774 }, {

2013-07-24 06:40:45 11463 1

原创 Kendo UI开发教程(5): 使用 Kendo UI库实现对象的继承

JavaScript 也是一种面向对象的开发语言，但和C++，Java,C#所不同的是，它的对象不是基于类（Class），而是基于对象原型（ProtoType)，因此对于来自C++,Java等背景的程序员，初次接触到JavaScript 的面向对象的开发时，开始会有些不适应。而JavaScript语言本身也非常灵活，实现面向对象的方法也很多，不同的框架使用的方法也不同。对于JavaScript的面

2013-06-24 10:51:35 6799 4

原创 Kendo UI开发教程(4): UI Widgets 概述

Kendo UI 是基于jQuery 库开发的，Kendo UI widgets是以jQuery 插件形式提供的。这些插件的名称基本上都是以kendo作为前缀。比如 Kendo的autocomplete UI 组件名称为 kendoAutoComplete ,Kendo UI 手机 UI组件是以 “kendoMobile”为前缀。比如：”kendoMobileListView”.使用jQuery初

2013-06-22 10:37:07 8967 2

原创 Kendo UI开发教程(3): 初始化Data 属性

前面在介绍准备Kendo UI开发环境时我们使用jQuery的方法将一个HTML元素转换成一个Kendo UI控件： $(“#datepicker”).kendoDatePicker();除了使用jQuery插件的方法来初始化方法外，每个Kendo 控件还可以通过data属性来初始化，此时你需要设置data的role属性，然后调用kendo.init方法。使用初始化Data属性的方法在页面上包含有

2013-06-19 07:36:40 15532

原创 Kendo UI开发教程(2):准备Kendo UI开发环境

首先你需要从Telerik网站下载试用版开发包，注意需要注册后才能下载，或者从本站下载（18M）下载后直接解压后包含下面几个文件和目录：/examples – 示例./js – minified 化后的JavaScript库./vsdoc JavaScript Intellisense 支持文件/styles – minified后的CSS及主题资源.changelog.html – Kendo

2013-06-14 07:33:34 17216 4

原创 Kendo UI开发教程(1): 概述

JavaScript 在开发Web应用的作用越来越大，JQuery简化了HTML和JavaScript之间的操作，jQuery的教程可以参见本博客jQuery和 jQuery UI 入门教程， jQuery UI 是一套 JavaScript 函式库，提供抽象化、可自订主题的 GUI 控制项与动画效果。基于 jQuery JavaScript 函式库，可用来建构互动式的Web应用。在开发Web应用

2013-06-12 22:34:53 24385 3

原创 How Do You Know God is Real?

Original LinkQ: “How do you know God is real?” - Gregory M.A: This is the question that every single person at one point (hopefully) in their lifetime will ask. Most people will probably ask it many t

2013-06-05 22:26:58 4037

翻译 jQuery 入门教程(43): jQuery UI Tooltip 示例

JQuery tooltip 的基本用法，可以把所有元素的的 title 属性做为Toolbar显示，比如：12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link rel="stylesheet" href="themes/trontastic/jquery-ui.cs

2013-05-07 10:53:40 4454 1

翻译 jQuery 入门教程(42): jQuery UI Tab 示例（二）

支持收缩和展开缺省情况下，标签页是展开的，可以通过设置collapsible为true使得标签页支持收缩和展开。1script>2 $(function () {3 $("#tabs").tabs({4 collapsible: true5 });6 });7script>Ajax支持jQuery 的标签页也支持通过Ajax方法来加载页

2013-05-07 09:08:36 4382

翻译 jQuery 入门教程(41): jQuery UI Tab 示例（一）

Tab 显示多个标签页，每个标签含有一个标签头和一个Panel（显示标签的内容）。基本用法首先使用HTML定义用来作为Tab，一般使用列表（ul ,li) 来定义标签页的标题，每个标题使用href 链接到每个页面的内容页，比如下例定义了三个标签页：1div id="tabs">2 ul>3 li>a href="#tabs-1">Nunc tincidunta>li>4

2013-05-06 08:32:19 2518 1

翻译 jQuery 入门教程(40): jQuery UI Spiner 示例

Spinner 主要用来输入各种格式的数字，可以使用鼠标滚轮，键盘方向键来修改输入值，也支持直接键入数字。支持本地化的输入金额和时间。基本用法下面代码显示了Spinner的基本用法，设置和取得Spinner的当前值。12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link

2013-05-01 08:32:48 2772

翻译 jQuery 入门教程(39): jQuery UI Slider 示例（二）

前面的slider 例子Slider都是水平显示的，Slider也可以显示成垂直的，这可以通过配置orientation ，将其值设为“vertical”。基本用法12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link rel="stylesheet" href="th

2013-04-24 08:14:21 2717

翻译 jQuery 入门教程(38): jQuery UI Slider 示例（一）

jQuery Slider组件可以把选中的HTML元素变成滑动条UI控件，滑动条可以支持多个滑块用来设置单个值或一个值域。基本用法12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link rel="stylesheet" href="themes/trontastic/j

2013-04-18 08:31:00 3901

翻译 jQuery 入门教程(37): jQuery UI Progressbar 示例

前面在介绍jQuery 入门教程(20): jQuery UI 基本工作过程时简要介绍过Progessbar用法。在使用进度条时，如果可以预知进度的大小，可以设置Max大小，如果对于一些无法预约时间比如下载文件可以使用“中间状态”的状态条。基本用法12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demo

2013-04-16 09:09:29 7773

原创 Android 程序清单文件详解

每个Android应用都需要一个名为AndroidManifest.xml的程序清单文件，这个清单文件名是固定的并且放在每个Android应用的根目录下。它定义了该应用对于Android系统来说一些非常重要的信息。Android系统需要这些信息才能正常运行该应用。Android程序清单文件主要具有下面作用：· 它给应用程序Java包命名，这个包名作为应用程序唯一标识符。·

2013-04-07 22:05:49 21398 3

原创 Android Permission详解

Android系统构造在Linux系统之上，因此它采用了和Linux类型的权限隔离机制，也就是说，每个应用使用独立的系统标识（组标识加用户标识）来运行。部分系统应用也使用某个系统标识独立开来。底层的Liunx系统从而使得不同应用之间以及应用和系统之间隔离开来。Android通过Permission（权限）机制进一步强化系统安全，通过Permssion来限制某个进程可以执行的操作，为访问某些特定的数

2013-04-07 08:47:46 13056

翻译 jQuery 入门教程(36): jQuery UI Menu 示例

jQuery Menu 组件可以应用到任何具有父/子关系的元素，就其变为菜单，但通常使用u>,li ,如果你希望使用除 ul,li 之外的元素，可以通过menus 来配置。下例使用缺省的　ui和 li 菜单支持选择事件select，因此可以为菜单添加事件处理。基本用法12html lang="en">3head>4 meta charset="utf-8" />5 title>jQue

2013-04-06 20:27:25 5151 1

转载 SharePoint 开发者如是说

1. What Do Sharepoint Bloggers Have To Say About Their Product? 2. Introduction to get a better perspective of Sharepoint development I thought I would look at how the Sharepoint communit

2013-04-04 13:55:24 1262

翻译 jQuery 入门教程(35): jQuery UI Dialog 示例（三）

本篇使用Dialog 构造一个比较实用的对话框，它可以内嵌一个表单用来接受用户输入，每个输入框支持数据校验，部分使用正则表达式来检验。12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link rel="stylesheet" href="themes/trontastic

2013-04-04 08:33:52 2210

翻译 jQuery 入门教程(34): jQuery UI Dialog 示例（二）

模式对话框如想对话框显示为模式的，可以通过配置modal: true来设置。12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link rel="stylesheet" href="themes/trontastic/jquery-ui.css" />7 script

2013-04-03 08:19:46 2712 1

翻译 jQuery 入门教程(33): jQuery UI Dialog 示例（一）

jQuery Dialog组件用来显示对话框，模式或非模式的。基本用法12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link rel="stylesheet" href="themes/trontastic/jquery-ui.css" />7 script sr

2013-04-02 08:18:07 2817

翻译 jQuery 入门教程(32): jQuery UI Datepicker 示例（五）

设置可以选择的日期范围有时希望用户在给定的日期内选择，比如预约会议的时间，只能在当天开始的一个月带10天以内。这时可以通过配置minDate和maxDate 来设置，如果minDate或maxDate 没有配置，表示没有最小日期或最大日期的限制。12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demos

2013-03-28 07:06:51 3121 1

翻译 jQuery 入门教程(31): jQuery UI Datepicker 示例（四）

DatePicker支持使用另外的按钮控制日期选择界面显示，可以通过自定义的图标来显示这个按钮。12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link rel="stylesheet" href="themes/trontastic/jquery-ui.css" />7

2013-03-28 07:06:02 2006

翻译 jQuery 入门教程(30): jQuery UI Datepicker 示例（三）

格式化日期可以通过日期格式重新定义Datepicker显示日期时的格式。12html lang="en">3head>4 meta charset="utf-8" />5 title>jQuery UI Demostitle>6 link rel="stylesheet" href="themes/trontastic/jquery-ui.css" />7 script s

2013-03-27 08:18:39 3100

空空如也

空空如也