随笔分类 - 04.JavaScript
摘要：多年前，曾经看过李战大师的"悟透delphi-delphi的原子世界"，一直对大师特有的文笔风格记忆犹新，今天无意又看到了大师的"李战：悟透JavaScript"，转贴于此，与众分享！引子 编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。 你看，数据...
阅读全文
摘要：ExtJs的Grid组件虽然不管从哪一方面来讲，都称得上是很好很强大，但是总会有一些应用场景并不需要这么多功能，比如网站的留言列表，开发者只想要一个简单的<li>或<table>列表而已，这时候XTemplate就显得很有用了。本文将讲解如何用XTemplate结合WCF与服务端交互，生成数据列表，同时加上无刷新分页功能(默认情况下ExtJs并没有为XTemplate并没有...
阅读全文
摘要：个人认为，XTemplate是ExtJs中最灵活的用来显示数据的组件，有点类似aspx中的Repeater控件，显示数据的模板完全可以由用户以html方式来定制.先给一个官方的静态示例(稍微改了下)，代码并不复杂，关键的地方，我已经注释了[代码]运行结果图:接下来我们看看如何跟服务器端的WCF做交互１.首先定义一个用于信息传输的实体类(实际开发中，可以是任何可序列化的class,包括linq to...
阅读全文
摘要：1, EXT的form表单ajax提交（默认提交方式）CODE: 1. function login(item) { 2. 3. if (validatorForm()) { 4. // 登录时将登录按钮设为disabled，防止重复提交 5. this.disabled = true; 6. 7. // 第一个参数可以为submit和load 8. formPanl.form.doA...
阅读全文
摘要：ExtJs是一套非常不错的javascript UI库(第一次接触ExtJs的，可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例。相信不少人会心动的)，不仅组件丰富，效果漂亮，而且ExtJs集成的Ajax功能可以方便的与.Net的WCF进行交互.
这里我们将演示ExtJs的FormPanel从WCF加载数据，以及如何提交数据到WCF服务端
阅读全文
摘要：Form布局在所有布局中是最为复杂，使用频度最广，同时也是最难掌握的,下面给出几个示例1.登录UI界面[代码]2.加入其它不同类型的输入组件后[代码]3.更加复杂的结构：[代码]转载请注明来自"菩提树下的杨过"http://www.cnblogs.com/yjmyzz/archive/2008/09/03/1283042.html技巧:1.先用new Ext.FormPanel({items:[{...
阅读全文
摘要：[代码]效果图:
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <meta http-equiv="Content-Type" content="text...
阅读全文
摘要：table布局顾名思义，就是象table表格一样的布局[代码]转载请注明来自"菩提树下的杨过" http://www.cnblogs.com/yjmyzz/archive/2008/09/02/1281978.html 个人感觉，这个布局用处不大，真需要table的时候，我直接在html属性里，写上table标签就可以了，不用这么麻烦
阅读全文
摘要：这是最重要的一个布局，几乎所有的表单界面都可以采用form布局，详细的用法本文不作讨论(可以查阅官方API文档)，这里只给出一个简单的示例[代码]效果图:
阅读全文
摘要：fit布局很好理解，容器内的组件会自动充满整个容器[代码]效果图:
阅读全文
摘要：Column布局有点象传统html中的table的td，但是也有不同的地方:先看下代码[代码]效果图:对于一下:<tr><td width="50%"></td><td width="30px"><td><td></td></tr>在table中,这里第一列会占到整个行的50%的宽度，而在ExtJs的c...
阅读全文
摘要：ExtJs其实在某种程度上可以代替div+css来进行页面布局(不过经测试，在最新的Firefox3下，部分功能好象有点问题)，今天我们来学习二种最基本的布局1.Absolute 布局：这种最容易理解，直接用x,y值来绝对定位组件2.Accordion布局：Accordion意为"手风琴"，即最终效果可以象手风琴那样拉来拉去，说白了，就是类似QQ面板的功能下面通过示例代码观察一下效果:[代码]效果...
阅读全文
摘要：以下就是ExtJs的官方示例，只不过加了几行注释，呵[代码]
阅读全文
摘要：原贴见:http://ext.group.javaeye.com/group/post/37548http://extjs.com/forum/showthread.php?t=17423[代码]
阅读全文
摘要：这几天在学习ExtJs + Wcf的过程中，发现一个问题，如果Class中有成员的类型为DateTime，即使我们正常标识了[DataMember]，序列化成JSON时，会生成一种特有的格式:..."AddTime":"\/Date(1213718400000+0800)\/"}...这种格式ExtJs并不识别，导致最终的组件，比如Grid上无法正常显示，解决办法有二个:1.将Class的成员，手...
阅读全文
摘要：ExtJs官方网http://www.extjs.com/ExtJs中文站http://www.ajaxjs.com/examples/一起EXT论坛http://www.17ext.com/EXT新手建议http://www.javaeye.com/topic/179990Meetrice EXT JS 编程资料馆http://www.cnblogs.com/meetrice/category/...
阅读全文
摘要：啥也不说了，直接上代码：[代码]效果图如下:
阅读全文
摘要：这一节，我们将学习如何获取Grid当前选中行的信息1.xml数据源内容:[代码]2.静态页内容:[代码]效果图
阅读全文
摘要：一.WCF部分1.通过查看官方的示例得知，分页数据源需要一个记录总数值，为保持通用性，这里借鉴jillZhang的文章http://www.cnblogs.com/jillzhang/archive/2008/06/29/1232086.html，把他写的通用类PageData拿过来直接用[代码]2.服务端的WCF方法:GetDataByPage[代码]这里讲一个小技巧，也是从jillZhang那...
阅读全文