菩提树下的杨过

看了JefferyZhao的MSDN web cast视频教程，亲自实践了一下，代码如下:@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.

以下就是ExtJs的官方示例，只不过加了几行注释，呵Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->html>head>meta http-equiv="Content-Type" content="text/html; charset=utf-8

 ExtJs其实在某种程度上可以代替div+css来进行页面布局(不过经测试，在最新的Firefox3下，部分功能好象有点问题)，今天我们来学习二种最基本的布局1.Absolute 布局：这种最容易理解，直接用x,y值来绝对定位组件2.Accordion布局：Accordion意为"手风琴"，即最终效果可以象手风琴那样拉来拉去，说白了，就是类似QQ面板的功能 下面通过示例代码观

 Anchor布局的效果直接看代码和效果图最为直观  CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

 这个布局其实最为麻烦，主要是用来实现类似"上一步","下一步"类似向导的界面代码如下:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/

 Column布局有点象传统html中的table的td，但是也有不同的地方: 先看下代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->script type="text/javascript">    Ext.onReady(fun

 fit布局很好理解，容器内的组件会自动充满整个容器 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->script type="text/javascript">    Ext.onReady(function() {        var

 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">               fck示例sasdfasdfadsfadsf注意：id或name为fckInstance的textarea一定要放在script之前，否则fck的API会报找不到id或name名为fckInstance的textarea    var fckobj

 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>    meta http-equiv="Content-Type

 Form布局在所有布局中是最为复杂，使用频度最广，同时也是最难掌握的,下面给出几个示例 1.登录UI界面Login UICode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->DOCTYPE html PUBLIC "-//W3C//DTD 

ExtJs是一套非常不错的javascript UI库(第一次接触ExtJs的，可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例。相信不少人会心动的)，不仅组件丰富，效果漂亮，而且ExtJs集成的Ajax功能可以方便的与.Net的WCF进行交互.这里我们将演示ExtJs的FormPanel从WCF加载数据，以及如何提

个人认为，XTemplate是ExtJs中最灵活的用来显示数据的组件，有点类似aspx中的Repeater控件，显示数据的模板完全可以由用户以html方式来定制. 先给一个官方的静态示例(稍微改了下)，代码并不复杂，关键的地方，我已经注释了Code highlighting produced by Actipro CodeHighlighter (freeware)http://www

ExtJs的Grid组件虽然不管从哪一方面来讲，都称得上是很好很强大，但是总会有一些应用场景并不需要这么多功能，比如网站的留言列表，开发者只想要一个简单的或列表而已，这时候XTemplate就显得很有用了。本文将讲解如何用XTemplate结合WCF与服务端交互，生成数据列表，同时加上无刷新分页功能(默认情况下ExtJs并没有为XTemplate并没有提供分页功能)1.先做一些准备工作，写一个通用

多年前，曾经看过李战大师的"悟透delphi-delphi的原子世界"，一直对大师特有的文笔风格记忆犹新，今天无意又看到了大师的"李战：悟透JavaScript"，转贴于此，与众分享！ 引子    编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。    数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼

var StartTime = new Date("2008/06/15 12:34:03");document.write("订购时间: " + StartTime.toLocaleDateString() + StartTime.toLocaleTimeString() + "");var CurrentTime = new Date();documen

 直接给代码吧，主要重点已经在代码里注释了 CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w

 这是最重要的一个布局，几乎所有的表单界面都可以采用form布局，详细的用法本文不作讨论(可以查阅官方API文档)，这里只给出一个简单的示例Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->script type="text/javascript">

 以下源自ExtJs的官方示例,稍加注释而已 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

 一.WCF部分1.通过查看官方的示例得知，分页数据源需要一个记录总数值，为保持通用性，这里借鉴jillZhang的文章http://www.cnblogs.com/jillzhang/archive/2008/06/29/1232086.html，把他写的通用类PageData拿过来直接用Code highlighting produced by Actipro CodeHighligh

思路:用二个div层，一个放flash,一个放一张透明的图片，放flash的层放在下面，放透明图片的层用绝对定位叠加在flash上方，点击flash时，实际上点击的是flash层上的透明图片层style type="text/css">...*{...}{padding:0;margin:0}style>div style="z-index:-1">1.设置FLASH为底层--> obje

因近日一个项目中要在客户端判断用户输入的日期字符串的大小，所以对日期字符串转日期对象研究了一下，测试代码如下: script. type="text/javascript"> var sDate1 = "2008/04/02"; var sDate2 = "2005/03/01"; var oDate1 = new Date(sDate1); var oDate2 = new Date

这是一个经常遇到的问题，特别是在用frame框架的时候，解决办法也很简单: window.location 改为 top.location　即可在顶部链接到指定页 或window.open("你的网址","_top"); 

偶尔在看天天基金网净值公告时，从源代码里剥下的一段js代码，感觉比较实用，分享一下(仅IE有效)script  type="text/javascript">var highlightcolor=#E0F2FE;var clickcolor=#ffedd2;function  MouseOver(){    var source=event.srcElement;           

电话号码：input type="text" id="TelPrefix" size="4" MaxLength="4"> - input type="text" id="TelNumber" style="width:88px">　button id="btnTestTel" onClick="return TestTel()">测试电话号码button>br/>手机号码：input typ

今天读了Professional Javascript for Web Developers，才知道javascript天生就具备类似c#中的"委托"功能script type="text/javascript">//定义一个加法函数function fnAdd(){    var iResult = 0;    for(var i=0;iarguments.length;i++){     

面向对象的语言必须具备四个基本特征:1.封装能力(即允许将基本数据类型的变量或函数放到一个类里，形成类的成员或方法)2.聚合能力(即允许类里面再包含类，这样可以应付足够复杂的设计)3.支持继承(父类可以派生出子类，子类拥有父母的属性或方法)4.支持多态(允许同样的方法名，根据方法签名[即函数的参数]不同，有各自独立的处理方法)这四个基本属性，javascript都可以支持，所以javascript

 extjs最新版，可从http://www.extjs.com/官方网下载，下载包解压后docs目录里，就是API文档，samples目录里是示例 今天接触了下ExtJs，确实不错，先来一个最经典的Hello World. Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.Co

这几天在学习ExtJs + Wcf的过程中，发现一个问题，如果Class中有成员的类型为DateTime，即使我们正常标识了[DataMember]，序列化成JSON时，会生成一种特有的格式:..."AddTime":"//Date(1213718400000+0800)//"}... 这种格式ExtJs并不识别，导致最终的组件，比如Grid上无法正常显示，解决办法有二个: 1

 原贴见:http://ext.group.javaeye.com/group/post/37548http://extjs.com/forum/showthread.php?t=17423Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--

  这一节，将学习如何使用网络上最常见的UI控件_Grid 1.静态示例:静态示例其实官方下载包里，就有sample，这里只贴出代码，后面的如何跟WCF结合，做出动态版的Grid才是本文重点Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/

 这一节，我们将学习如何获取Grid当前选中行的信息 1.xml数据源内容:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->xml version="1.0" encoding="UTF-8"?>Data>  Items>       

 这一节，将学习到除了用JSON做GridPanel的数据源外，还可以使用XML  一。静态示例1.xml文件内容： Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->xml version="1.0" encoding="UTF-8

这一节，我们将看到ExtJs功能强大的可编辑网格控件，几乎与VS.Net的GridView功能一样了，但是ExtJs的可是纯JS的UI 一.静态示例(改自ExtJs的官方示例)a.因为我们是采用xml做为数据源的，这里贴出xml的内容CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://

ExtJs对于Ajax的使用非常简单，看下面的代码:1.Html页：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht

ajax应用中跨域一直是一个非常麻烦的问题，目前也有一些解决办法，但要么比较麻烦，要么就不具备通用性，幸好ExtJs里的ScriptTagProxy提供了跨域读取数据的功能，而且在几大浏览器上都可以正常运行，但在使用过程中要注意几点:1.服务端返回时，必须按以下格式返回:stcCallback1001({...})其中stcCallback1001中的1001是自动生成的，如果是分页提