WCF与ExtJs实现项目的实例分析
短信预约 -IT技能 免费直播动态提醒
今天就跟大家聊聊有关WCF与ExtJs实现项目的实例分析,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
当我在写过用Restful方式调用WCF进行上传下载后,愕然发现原来WCF支持原生数据(Raw)的返回,这就解决了ExtJs与Wcf之间进行跨域调用中的难题:返回数据必须满足<script>格式。下面根据WCF与ExtJs之间的跨域访问中实现的项目,通过Stream和ContentType的联合使用,返回原生数据给Extjs,从而实现跨域调用。
***步:在PageGridService.svc后台代码中,添加操作契约GetProductsByPageCorssDomain,代码为:
[OperationContract] [WebInvoke(Method = "*", ResponseFormat = WebMessageFormat.Json, UriTemplate = "GetProductsByPageCorssDomain?start={start}&limit={limit}&callback={callback}")] public Stream GetProductsByPageCorssDomain(int start, int limit,string callback) { ProductsDataContext productDbContext = new ProductsDataContext(); IQueryable<Product> res = productDbContext.Product.Select(product => product); PageData<Product[]> returnData = new PageData<Product[]>(); returnData.TotolRecord = res.ToArray<Product>().Length; resres = res.Skip<Product>(start); resres = res.Take<Product>(limit); returnData.Data = res.ToArray<Product>(); System.Runtime.Serialization.Json.DataContractJsonSerializer formater = new System.Runtime.Serialization.Json.DataContractJsonSerializer(typeof(PageData<Product[]>)); MemoryStream ms = new MemoryStream(); formater.WriteObject(ms, returnData); ms.Position = 0; StreamReader sr = new StreamReader(ms); string objContent = sr.ReadToEnd(); string returnStr = callback+"("+objContent+")"; sr.Close(); ms = new MemoryStream(); StreamWriter sw = new StreamWriter(ms); sw.AutoFlush = true; sw.Write(returnStr); ms.Position = 0; WebOperationContext.Current.OutgoingResponse.ContentType = "text/plain"; return ms; }
在项目中创建一个新的htm页面:PageGridCorssDomainWithRow.htm,代码为:
<!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> <title>ExtJs+WCF+LINQ打造分页Grid</title> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> <script type="text/javascript" class="lazy" data-src="adapter/ext/ext-base.js" charset="gb2312"></script> <script type="text/javascript" class="lazy" data-src="ext-all-debug.js" charset="gb2312"></script> <link rel="stylesheet" type="text/css" href="shared/examples.css" /> <script type="text/javascript" class="lazy" data-src="shared/examples.js" charset="gb2312"></script> <script type="text/javascript" class="lazy" data-src="PageGridCrossDomainWithRow.js" charset="gb2312"></script> </head> <body> <h2> ExtJs+WCF+LINQ打造分页跨域Grid</h2> <div id="page-grid"> </div> </body> </html>
看完上述内容,你们对WCF与ExtJs实现项目的实例分析有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网行业资讯频道,感谢大家的支持。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341