jQuery MiniUI,Ajax Web开发

扩展实例

extsharp中文介绍 - 用C#写Ext代码

    真的喜欢Ext,但是我害怕使用JavaScript编码。所以,我走了出去,并找到一种方法,可以在同一时间使用我最喜欢的JS 类库(Ext)和我最喜欢的编程语言( C #)。通过使用一个叫做Script#的项目,我可以写C#代码并将它转换成JavaScript,类似的ExtJs官方的GWT(JAVA) 。基于这个,Script#还允许您编写扩展的API,但您需要在JavaScript库创建所有的东西,包括类型,方法,属性等等。因此,我所做的就是写一个小控制台应用程序的分析所有ExtJS源文件,从中提取出脚本的备注并把它写在C#文件的每个类中。最终的结果是有一个可编程的C# API来访问Ext中的所有组件,我抛出了一个新的东西,使生活变得更轻松。

ExtJs+WCF+LINQ实现分页Grid

    博客园朋友Robin开发的 ExtJs+WCF+LINQ实现分页Grid的例子.

效果图如下:

用ExtJs+Linq+WCF打造简单Grid

    博客园朋友Robin开发的 ExtJs与WCF交互生成树的例子.

第一步:在vs2008中创建一个支持.net framework 3.5的网站,此处之所以强调支持.net framework 3.5是为了使用linq

第二步:将运行时需要的Extjs的资源文件拷贝到项目目录,具体可见示例项目

ExtJs与WCF交互:生成树

    博客园朋友Robin开发的 ExtJs与WCF交互生成树的例子.

效果图如下:

基于ASP.NET MVC Preview3与ExtJS2.0的开发(CRUD)

    博客园朋友韦小宝是我的老乡开发的CRUD,结合了asp.net + extjs2.0.

效果图如下:

Extjs + ASP.net 后台管理框架

    博客园朋友火舞狂歌公开了它的后台框架,结合了asp.net + extjs2.2 .

效果图如下:

禁用/启用树(兼容IE)

改编自ExtJs 自带的tree例子,禁用后extjs的树会不可用,并会加上一层遮罩。

ExtJs的Tree.TreePanel里面有两个方法 enable()/disable(),按照常规来说方法已经够用了.的确这两个方法在firefox下不会有任何问题,但在ie中,disable()后,整棵树没有遮罩效果,而是黑掉了非常难看.

解决办法非常简单,核心代码如下:

基于Ext2.0的自动配置Grid列的插件

AutoGrid 是一个基于 extjs 的插件。可以让用户保存自己选择的列,下面这一个例子是将内容保存在data.txt文件中。

关于Grid的例子,可以参考官方实例目录中关于Gird的例子。这一个插件在实现个性化Grid的时候非常有用.

使用方法:
[code]
Ext.onReady(function(){

两个(多个)根节点的树

改编自ExtJs 自带的tree例子,可以为该树选择两个以上的根节点。

原理:ExtJs 的树并不支持多个根节点,但它提供了一个隐藏根节点的属性.
其实就是相当于新建一个虚拟的根节点,然后把多个节点挂到该节点上,然后再把虚拟的根节点隐藏.

解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法

应用场景:
一个表格列表,点击表格上的某一行,弹出一个Ext.Window显示其他资料。(修改、显示详情等等),如下图:

Javascript中两种最通用的定义类的方法

在Javascript中,一切都是对象,包括函数。在Javascript中并没有真正的类,不能像C#,PHP等语言中用 class xxx来定义。但Javascript中提供了一种折中的方案:把对象定义描述为对象的配方(先看一下例子会比较容易理解)。

定义类的方法有很多种,这里有两中较为通用的方法,大家参考一下。

让ExtJs 2.02的例子也支持换肤

今天在论坛看到有朋友问我,网站上的换肤功能是如何做的。其实换肤的方法在下载回来的例子中是已经存在的了。但是不知道为什么该功能在ext 2.02下并不可用。
要加上换肤功能主要有两个步聚:
1、在html页面(每一个例子)的body中间加上以下代码(换肤工具条)
[code]

带复选框(checkbox)的树

官方实例中有介绍如何将json数据变成一棵树的简单例子
该例子可以满足我们的一般需求。很多时候我们需要用到带checkbox的树。