您的位置:知识库 » .NET技术

用ExtJs+Linq+Wcf打造简单grid

作者: jillzhang  来源: 博客园  发布时间: 2008-09-23 14:56  阅读: 5983 次  推荐: 0   原文链接   [收藏]  
[1] 用ExtJs+Linq+Wcf打造简单grid
[2] 用ExtJs+Linq+Wcf打造简单grid
[3] 用ExtJs+Linq+Wcf打造简单grid

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

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

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

更改后效果为:

好,到此我们基本完成了linq to sql类的设计,我们在解决方案管理器中打开生成的类代码文件中,其中包括类:Stock ,为了使其能够被WCF使用

,对类添加DataContractAttribute,对属性添加DataMemberAttribute,添加好之后的代码为: 

 

linq to sql类生成的代码并添加了wcf支持

在页面文件中,在<%@ ServiceHost中添加Factory="System.ServiceModel.Activation.WebServiceHostFactory",然后在web.config中将替换成为<webHttp/>,注意这两个操作是必须的。到此wcf服务也准备齐备。

第五步:创建一个BasicGrid.aspx,然后在页面中添加extjs必要的链接和脚本支持,并添加页面元素,完成后的代码为:

BasicGrid.aspx页面文件

页面中有对<script type="text/javascript" src="array-grid.js" charset="gb2312">script>,其中的array-grid.js便是产生grid所需要的脚本,它访问上一步中开发好的wcf服务,将服务方法GetStocks返回的json数据与extjs的grid进行绑定,具体代码如下:

0
0
标签:WCF

.NET技术热门文章

    .NET技术最新文章

      最新新闻

        热门新闻