jQuery MiniUI,快速开发WebUI界面

用ExtJs+Linq+WCF打造简单Grid

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

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

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

第三步:假设在本机sql2005中存在数据库sharelist,里面有一个数据表stocks,效果如下:

数据库文件sharelist.mdf在示例项目db文件夹中。如果需要测试,可以将其附加到自己的sql2005数据库服务器中。

在网站项目中创建一个Linq To Sql类:DataClasses.dbml,方法如下如所示:

点击添加之后,出现下面的Linq To Sql向导

在本文只使用左面面板,在服务器资源管理器中添加对数据库sharelist的连接,效果如下:

点击数据表stocks,然后拖动stocks数据表到左面面板,拖动后效果如下:

点击stocks,然后更改类名称为Stock:

更改后效果为:

...................................
....省略部分见源代码.................
...................................

第五步:在浏览器中浏览BasicGrid.aspx,效果图如下:

说明大功告成。

说明:这几篇都是简单的实践,有关extjs部分绝大部分参考extjs中的示例,但也做了稍稍的修改,后面的文章会逐渐深入一些。

源代码下载:
http://extjs.org.cn/files/source_code/asp_net/ExtJsWcfLinqGrid_jillzhang.zip

作者:jillzhang
出处:http://jillzhang.cnblogs.com/
原文: http://www.cnblogs.com/jillzhang/archive/2008/06/18/1225018.html