ExtJS与.NET结合开发实例(Grid之数据显示、分页、排序篇)

最新推荐文章于 2021-02-23 12:23:49 发布
最新推荐文章于 2021-02-23 12:23:49 发布 · 177 阅读 · 0
文章标签：

#json #ui #javascript #ViewUI

本文介绍如何使用ExtJS实现带有分页和排序功能的Grid组件，包括.NET后端的数据处理和前端页面的具体实现。
部署运行你感兴趣的模型镜像

最近园子里有很多朋友关心ExtJS，我最近写了一个项目管理工具用到ExtJS,我结合.NET写了个关于Grid实现的一个实例供需要的朋友参考。
本实例开发环境是：Windows XP + Sql Server 2005 + IIS6+VS 2008 Beta2(.NET Framework3.5)
实现步骤：
1.取数据源
这里是从数据库里读取数据生产JSON的方式供ExtJS Grid调用.
(1)用Scott Guthrie提供的生产JSON格式的类,这篇文章可以访问:http://weblogs.asp.net/scottgu/archive/2007/10/01/tip，它的译文请访问:http://blog.joycode.com/scottgu/archive/2007/10/10/109268.aspx
建一个类文件JSONHelper.cs,代码如下：

JSONHelper.cs
<!--<br /><br /> <br /><br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /><br /> <a href="http://www.CodeHighlighter.com/" title="http://www.CodeHighlighter.com/">http://www.CodeHighlighter.com/</a><br /><br /> <br /><br /> -->1usingSystem;
2usingSystem.Collections.Generic;
3usingSystem.Text;
4usingSystem.Web.Script.Serialization;
5namespaceWeb.Components
6{
7publicstaticclassJSONHelper
8{
9publicstaticstringToJSON(thisobjectobj)
10{
11JavaScriptSerializerserializer=newJavaScriptSerializer();
12returnserializer.Serialize(obj);
13}
14
15publicstaticstringToJSON(thisobjectobj,intrecursionDepth)
16{
17JavaScriptSerializerserializer=newJavaScriptSerializer();
18serializer.RecursionLimit=recursionDepth;
19returnserializer.Serialize(obj);
20}
21}
22}
23

(2)利用LINQ读取数据记录，关于LINQ方面的文章参考Scott Guthrie的LINQ to SQL系列文章
为了方便ExtJS AJAX方式的调用，这里建一个ASPX页面，起名为：ProjectBaseInfo.aspx，代码如下：

ProjectBaseInfo.aspx.cs
<!--<br /><br /> <br /><br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /><br /> <a href="http://www.CodeHighlighter.com/" title="http://www.CodeHighlighter.com/">http://www.CodeHighlighter.com/</a><br /><br /> <br /><br /> -->1usingSystem;
2usingSystem.Data;
3usingSystem.Configuration;
4usingSystem.Collections;
5usingSystem.Linq;
6usingSystem.Web;
7usingSystem.Web.Security;
8usingSystem.Web.UI;
9usingSystem.Web.UI.WebControls;
10usingSystem.Web.UI.WebControls.WebParts;
11usingSystem.Web.UI.HtmlControls;
12usingSystem.Xml.Linq;
13usingBusinessObject.Projects;//dbml文件的引用
14usingSystem.Data.OracleClient;
15usingDatabase;
16usingWeb.Components;
17namespaceWeb.Projects.JsonDataSource
18{
19publicpartialclassProjectBaseInfo:System.Web.UI.Page
20{
21protectedstringstrJsonSource=string.Empty;
22protectedvoidPage_Load(objectsender,EventArgse)
23{
24intstart=int.Parse(Request.Form["start"]+"");//分页需要limit,start是mysql里用的（或取当页开始的记录标识编号）
25intlimit=int.Parse(Request.Form["limit"]+"");//或取每页记录数
26stringsort=Request.Form["sort"]+"";//或取排序方向
27stringdir=Request.Form["dir"]+"";//或取所要排序的字段名
28GetJsonSouceString(start,limit,sort,dir);
29}
30
31privatevoidGetJsonSouceString(intstart,intlimit,stringsort,stringdir)
32{
33ProjectBaseInfoDataContextdb=newProjectBaseInfoDataContext();
34varquery=frompindb.PROJECT_BASE_INFOs
35selectnew{p.PROJECT_NO,p.PROJECT_NAME,p.PROJECT_DEPT_NO,p.PROJECT_MANAGER,p.PROJECT_CURRENT_STATUS,PROJECT_START_DATE=p.PROJECT_START_DATE+"",PROJECT_FINISH_DATE=p.PROJECT_FINISH_DATE+"",PROJECT_REAL_START_DATE=p.PROJECT_REAL_START_DATE+"",PROJECT_REAL_FINISH_DATE=p.PROJECT_REAL_FINISH_DATE+"",p.PROJECT_ALIAS,p.PROJECT_TYPE,p.PROJECT_LEADER,p.PROJECT_MEMO};//类似PROJECT_REAL_FINISH_DATE=p.PROJECT_REAL_FINISH_DATE+"的处理了Grid中日期格式显示的问题
36排序字段和排序方向#region排序字段和排序方向
37if(sort!=""&&dir!="")
38{
39switch(sort)
40{
41case"PROJECT_NO":
42if(dir=="ASC")
43{
44query=query.OrderBy(p=>p.PROJECT_NO);
45}
46else
47{
48query=query.OrderByDescending(p=>p.PROJECT_NO);
49}
50break;
51case"PROJECT_NAME":
52if(dir=="ASC")
53{
54query=query.OrderBy(p=>p.PROJECT_NAME);
55}
56else
57{
58query=query.OrderByDescending(p=>p.PROJECT_NAME);
59}
60break;
61case"PROJECT_DEPT_NO":
62if(dir=="ASC")
63{
64query=query.OrderBy(p=>p.PROJECT_DEPT_NO);
65}
66else
67{
68query=query.OrderByDescending(p=>p.PROJECT_DEPT_NO);
69}
70break;
71case"PROJECT_MANAGER":
72if(dir=="ASC")
73{
74query=query.OrderBy(p=>p.PROJECT_MANAGER);
75}
76else
77{
78query=query.OrderByDescending(p=>p.PROJECT_MANAGER);
79}
80break;
81case"PROJECT_CURRENT_STATUS":
82if(dir=="ASC")
83{
84query=query.OrderBy(p=>p.PROJECT_CURRENT_STATUS);
85}
86else
87{
88query=query.OrderByDescending(p=>p.PROJECT_CURRENT_STATUS);
89}
90break;
91case"PROJECT_START_DATE":
92if(dir=="ASC")
93{
94query=query.OrderBy(p=>p.PROJECT_START_DATE);
95}
96else
97{
98query=query.OrderByDescending(p=>p.PROJECT_START_DATE);
99}
100break;
101case"PROJECT_FINISH_DATE":
102if(dir=="ASC")
103{
104query=query.OrderBy(p=>p.PROJECT_FINISH_DATE);
105}
106else
107{
108query=query.OrderByDescending(p=>p.PROJECT_FINISH_DATE);
109}
110break;
111case"PROJECT_REAL_START_DATE":
112if(dir=="ASC")
113{
114query=query.OrderBy(p=>p.PROJECT_REAL_START_DATE);
115}
116else
117{
118query=query.OrderByDescending(p=>p.PROJECT_REAL_START_DATE);
119}
120break;
121case"PROJECT_REAL_FINISH_DATE":
122if(dir=="ASC")
123{
124query=query.OrderBy(p=>p.PROJECT_REAL_FINISH_DATE);
125}
126else
127{
128query=query.OrderByDescending(p=>p.PROJECT_REAL_FINISH_DATE);
129}
130break;
131default:
132break;
133}
134}
135#endregion
136
137intiCount=query.Count();//所要记录数
138intPageNum=start/limit;//共有页数
139intPageSize=limit;
140query=query.Skip(PageSize*PageNum).Take(PageSize);//当前页记录
141stringJsonSource=query.ToJSON();//当前页记录转成JSON格式
142strJsonSource=@"{""totalCount"":"""+iCount+"";
143strJsonSource=strJsonSource+@""",""data"":"+JsonSource+"}";//Grid的分页区显示所有记录数增加totalCount信息
144}
145}
146}
147


ProjectBaseInfo.aspx中的代码为：

<% @PageLanguage = " C# " AutoEventWireup = " true " CodeBehind = "
 ProjectBaseInfo.aspx.cs " Inherits = " Web.Projects.
JsonDataSource.ProjectBaseInfo " %>
<%= strJsonSource %>

至此，已完成了取数据源。
2.页面客户端
(1)下载ExtJS库，请访问：http://extjs.com/。
(2)在你的WEB工程中建一个ExtJS目录。把下载的包里的目录都COPY进来（为了简便起见）。
(3)建一个ProjectLists.html页面，代码如下：

ProjectLists.html
<!--<br /><br /> <br /><br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /><br /> <a href="http://www.CodeHighlighter.com/" title="http://www.CodeHighlighter.com/">http://www.CodeHighlighter.com/</a><br /><br /> <br /><br /> -->1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<htmlxmlns="http://www.w3.org/1999/xhtml">
3<headrunat="server">
4<title>项目一览表</title>
5<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
6<linkrel="stylesheet"type="text/css"href="../Resources/css/ext-all.css"/>
7<!--GC-->
8<!--LIBS-->
9<scripttype="text/javascript"src="../Adapter/ext/ext-base.js"></script>
10<!--ENDLIBS-->
11<scripttype="text/javascript"src="../Script/ext-all.js"></script>
12
13<scripttype="text/javascript"src="../Script/GridForProjectLists.js"></script>
14
15<linkrel="stylesheet"type="text/css"href="../CSS/Grid.css"/>
16<linkrel="stylesheet"type="text/css"href="../CSS/Forms.css"/>
17<linkrel="stylesheet"type="text/css"href="../CSS/Combos.css"/>
18<!--CommonStylesfortheProjects-->
19<styletype="text/css">
20body.x-panel
21{}{
22margin-bottom:20px;
23}
24.icon-grid
25{}{
26background-image:url(../Images/icons/grid.png)!important;
27}
28#button-grid.x-panel-body
29{}{
30border:1pxsolid#99bbe8;
31border-top:0none;
32}
33.add
34{}{
35background-image:url(../Images/icons/add.gif)!important;
36}
37.search
38{}{
39background-image:url(../Images/icons/plugin.gif)!important;
40}
41.remove
42{}{
43background-image:url(../Images/icons/delete.gif)!important;
44}
45.save
46{}{
47background-image:url(../Images/icons/save.gif)!important;
48}
49.ext-mb-save
50{}{
51background:transparenturl(../Images/download.gif)no-repeattopleft;
52height:46px;
53}
54</style>
55</head>
56
57<body>
58</body>
59</html>


（注：请注意JS引用的路径）
(1)新建GridForProjectLists.js文件（这个才是核心）
代码如下：

GridForProjectLists.js
<!--<br /><br /> <br /><br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /><br /> <a href="http://www.CodeHighlighter.com/" title="http://www.CodeHighlighter.com/">http://www.CodeHighlighter.com/</a><br /><br /> <br /><br /> -->1/**//*
2*ExtJSLibrary2.0Beta1
3*Copyright(c)2006-2007,ExtJS,LLC.
4*licensing@extjs.com
5*
6*http://extjs.com/license
7*/
8Ext.onReady(function(){
9varwin;
10varnewwin;
11Ext.QuickTips.init();
12//createtheDataStore
13vards=newExt.data.GroupingStore({
14//loadusingscripttagsforcrossdomain,ifthedatainonthesamedomainas
15//thispage,anHttpProxywouldbebetter
16proxy:newExt.data.HttpProxy({
17url:'../Projects/JsonDataSource/ProjectBaseInfo.aspx'
18}),
19
20//createreaderthatreadstheprojectrecords
21reader:newExt.data.JsonReader({
22root:'data',
23totalProperty:'totalCount'
24},[
25{name:'PROJECT_NO',type:'string'},
26{name:'PROJECT_NAME',type:'string'},
27{name:'PROJECT_ALIAS',type:'string'},
28{name:'PROJECT_DEPT_NO',type:'string'},
29{name:'PROJECT_MANAGER',type:'string'},
30{name:'PROJECT_LEADER',type:'string'},
31{name:'PROJECT_CURRENT_STATUS',type:'string'},
32{name:'PROJECT_START_DATE',type:'date'},
33{name:'PROJECT_FINISH_DATE',type:'date'},
34{name:'PROJECT_REAL_START_DATE',type:'date'},
35{name:'PROJECT_REAL_FINISH_DATE',type:'date'},
36{name:'PROJECT_MEMO',type:'string'}
37]),
38//groupField:'PROJECT_DEPT_NO',
39remoteSort:true
40});
41ds.setDefaultSort('PROJECT_NAME','desc');
42
43//pluggablerenders
44functionrenderProject(value,p,record){
45
46returnString.format(
47'<imgborder=0src="../Images/icons/application_view_list.png"id="btnView_{0}"style="cursor:hand"alt="浏览">&nbsp;&nbsp;<ahref="ProjectDetail.aspx?ProjectNo={0}"target="_blank"><imgborder=0src="../Images/icons/application_view_list.png"style="cursor:hand"alt="编辑"></a>&nbsp;&nbsp;<ahref="ProjectDetail.aspx?ProjectNo={0}"target="_blank"><imgborder=0src="../Images/icons/cross.gif"style="cursor:hand"alt="删除"></a>',
48record.data.PROJECT_NO);
49}
50
51//thecolumnmodelhasinformationaboutgridcolumns
52//dataIndexmapsthecolumntothespecificdatafieldin
53//thedatastore
54varnm=newExt.grid.RowNumberer();
55varsm=newExt.grid.CheckboxSelectionModel();//addcheckboxcolumn
56varcm=newExt.grid.ColumnModel([nm,sm,
57{id:'PROJECT_NO',header:"项目编号",dataIndex:'PROJECT_NO',width:40,align:'center'},
58{header:"项目名称",dataIndex:'PROJECT_NAME',width:100,align:'left'},//,renderer:renderProject},
59{header:"项目简称",dataIndex:'PROJECT_ALIAS',width:50,align:'left'},
60{header:"部门",dataIndex:'PROJECT_DEPT_NO',width:50,align:'center'},
61{header:"项目经理",dataIndex:'PROJECT_MANAGER',width:40,align:'center'},
62{header:"开发经理",dataIndex:'PROJECT_LEADER',width:40,align:'center'},
63{header:"当前状态",dataIndex:'PROJECT_CURRENT_STATUS',width:40,align:'center'},
64{header:"预计开始日期",renderer:Ext.util.Format.dateRenderer('Y-m-d'),dataIndex:'PROJECT_START_DATE',width:50,align:'center'},
65{header:"预计结束日期",renderer:Ext.util.Format.dateRenderer('Y-m-d'),dataIndex:'PROJECT_FINISH_DATE',width:50,align:'center'},
66{header:"实际开始日期",renderer:Ext.util.Format.dateRenderer('Y-m-d'),dataIndex:'PROJECT_REAL_START_DATE',width:50,align:'center'},
67{header:"实际结束日期",renderer:Ext.util.Format.dateRenderer('Y-m-d'),dataIndex:'PROJECT_REAL_FINISH_DATE',width:50,align:'center'},
68{header:"备注",dataIndex:'PROJECT_MEMO',width:50,align:'left'},
69{id:'PROJECT_NO',header:"操作",dataIndex:'PROJECT_NO',width:60,align:'center',renderer:renderProject,sortable:false}
70]);
71
72//hidecolumn
73cm.setHidden(4,!cm.isHidden(4));//隐藏项目简称列
74cm.setHidden(7,!cm.isHidden(7));//隐藏开发经理列
75cm.setHidden(13,!cm.isHidden(13));//隐藏备注列
76//bydefaultcolumnsaresortable
77cm.defaultSortable=true;
78vargdProjects=newExt.grid.GridPanel({
79frame:true,
80collapsible:true,
81animCollapse:false,
82//el:'projects-grid',
83width:965,
84height:530,
85title:'项目一览表',
86iconCls:'icon-grid',
87renderTo:document.body,
88store:ds,
89cm:cm,
90sm:sm,
91trackMouseOver:true,
92loadMask:{msg:'正在加载数据，请稍侯……'},
93//loadMask:true,
94viewConfig:{
95forceFit:true,
96enableRowBody:true,
97getRowClass:function(record,rowIndex,p,ds){
98return'x-grid3-row-collapsed';
99}
100},
101view:newExt.grid.GroupingView({
102forceFit:true,
103groupTextTpl:'{text}({[values.rs.length]}条记录)'
104}),
105bbar:newExt.PagingToolbar({
106pageSize:25,
107store:ds,
108displayInfo:true,
109displayMsg:'当前显示{0}-{1}条记录/共{2}条记录',
110emptyMsg:"无显示数据"
111}),
112//inlinetoolbars
113tbar:[{
114id:'btnAdd',
115text:'新增',
116tooltip:'新增',
117iconCls:'add',
118handler:showAddPanel
119},'-',{
120text:'查询',
121tooltip:'查询',
122iconCls:'search'
123},'-',{
124text:'批量删除',
125tooltip:'删除',
126iconCls:'remove',
127handler:showDelDialog
128}]
129
130});
131
132});


展示成果：

至此，本文已实现Grid的数据显示、分页、排序的功能。常见的CRUD四个功能的R已完成，接下来，我将提供CUD的功能（如form提交等动作），未完待续……

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

iteye_11002
关注
ExtJs与.Net结合开发实例
09-25
在提供的"ExtJS与.NET结合开发实例示例"压缩包中，包含了完成上述功能的代码示例。这些代码包括ExtJS的JavaScript文件和.Net的ASP.NET MVC或WebAPI控制器。通过对这些代码的学习，你可以了解如何在实际项目中实现...
asp.net+extjs三层架构项目代码生成器(很适合快速开发)
02-07
最新最牛气的代码生成器，只需设计好数据库，直接生成可以用的BS项目，此代码生成器非常方便，做项目只需设计好数据库，然后按照生成提示一步步做，即可生成可直接使用的项目，从数据访问层到表示层，所有代码一气生成，生成后的功能有增、删、改、查、导出excel等等，只需作少许改动就可以完成多种常用项目，大大提高你的工作效率，而且是带ext功能的，大量用到了ajax技术。我接了十多个项目全是用它做的，客户非常满意。现免费给大家使用，欢迎大家试用，也欢迎大家多提意见，以便我改进。。 email:cqniit@126.com http://cqsoft.taobao.com
ExtJS的.NET控件----YuiGrid(数据绑定、同步/异步取值)
weixin_33811961的博客
09-23 135
      YuiGrid是ExtJs的.NET控件， 其功能类似标准的GridView控件，又各有所长，本文将简单的介绍下ExtJS的.NET控件中的YuiGrid控件的一些常用功能和实现。    一、数据准备      建立数据（MSSQL 2005）,字段如下图所示：              二、效果预览      YuiGrid的界面呈现的效果如下图：           ...
ExtJS入门教程06，grid分页的实现
weixin_34179968的博客
04-10 148
前面两篇内容分别介绍了extjs grid的基本用法和extjs grid异步加载数据，这篇文章将介绍extjs grid的分页。 数据量大的时候我们必须用到分页，结合上一篇的异步加载数据，今天我们就看看如何异步的加载分页数据。 在extjs grid的请求中，包含几个参数，如图： page：当前页 start：起始行的行号 limit：每页数据行数，默认为25 在请求处理的时候，...
ExtJs的.NET控件----YuiGrid(分页/在线编辑)
lee576的专栏
11-24 4355
     本文将介绍ExtJs的.NET控件YuiGrid分页机制和在线编辑功能. 一、分页     YuiGrid的分页机制不是很强大,内置有两种分页样式,下图便是其中的一种.         本示例代码是借鉴于YuiGrid源代码中的测试案例的代码,使用MSSQL2005数据库,下面为分页查询的代码: Code highlighting produced by Acti
ExtJS与.NET结合开发实例(Grid之批量删除篇)
lee576的专栏
02-06 2496
上接ExtJS与.NET结合开发实例(Grid之数据显示、分页、排序篇)，在此基础上实现批量删除功能。     实现的步骤如下：     1. 用WebService实现删除的功能(上篇有一园友提出用WebService实现，这里顺便说一下，取数据源也可以用WebService，大家可以参考删除的WebService自行实现，我这里就不在累述了)        新建一WebService文件
ExtJs与.Net结合实现数据管理功能实例
4. **开发实例**: 开发实例展示了如何将ExtJs与.Net结合使用来创建一个动态的Web应用程序。这涉及到ExtJs前端界面设计，以及与.Net后端数据交互的具体实现。通过此实例，学习者可以了解到两个平台如何协同工作，以及...
基于ASP.NET与ExtJs的Grid功能实现实例
ASP.NET 与 ExtJS 结合的实例项目“ASP.NET+ExtJs实例”是一个典型的前后端协同开发的 Web 应用案例，其核心目标是通过 ASP.NET 作为后端服务框架，结合 ExtJS 这一功能强大的前端 JavaScript 框架，实现一个高度...
ASP.NET结合ExtJs实现高级分页Grid列表实例
通过本实例，可以学习到如何将ASP.NET、ExtJs、WCF和LINQ技术结合来创建一个功能完善的分页Grid列表。理解这些技术的结合使用，不仅对学习ASP.NET/AJAX技术有重要意义，还能提高Web应用开发的效率和用户体验。通过...
ExtJS实现.net下Grid组件的数据绑定
尽管Ext JS是一个纯前端框架，但可以通过服务器端语言（如.NET）与之进行交互，以便从数据库中获取数据并将其绑定到Grid中。 在开始绑定之前，需要了解几个关键概念和步骤： ### 1. Ext JS 简介 Ext JS提供了一套...
asp.net+MVC+Extjs 考试管理系统
02-21
asp.net+MVC+Extjs 考试管理系统 自动生成试卷
基于Extjs 和 .Net的企业级开源框架(EfsFrame)
07-16
1、 完善的Web表现层开发包：为企业Web表现层开发人员提供的一套完整、高效、美观的B/S结构设计表现层解决方案，简单易学。 a) 在ExtJs2.X的基础上进行的二次开发与通用接口设计，让繁琐的页面开发简单易行； b) 极大提高企业的项目Web表现层的开发效率； c) 统一企业的项目UI设计，统一的框架结构，能迅速规范企业的Web表现层代码设计规范，最大限度的减轻企业后期的项目管理、维护、升级成本； d) 减少企业Web表现层开发人员的培训投入； 2、 完善的组件开发包：为企业组件开发人员提供的一套完整、稳定、高效的B/S结构设计业务逻辑层解决方案。 a) 极大提高企业的项目业务逻辑层组件开发效率； b) 统一的接口规范，能迅速规范企业的业务逻辑层组件代码设计规范，最大限度的减轻企业后期项目管理、维护升级成本； c) 减少企业业务逻辑层组件开发人员的培训投入； 3、 分层结构设计：Efs框架严格按照MVC模式设计开发。 a) 能帮助企业迅速发挥团队开发优势，合理分工协作（能迅速将Web表现层开发，业务逻辑组件开发，系统设计合理分离）。 b) 标准的三层结构模型，为系统的稳定、高效运行打下坚实基础。 4、 完善的基础数据库设计： a) 完整的事务、事件管理、用户、单位、角色、权限管理设计，能快速帮助企业在不同的项目中快速完成用户、单位、角色、权限的分配，迅速投入到项目本身的业务系统开发中。 b) 完整的字典管理功能，能方便的对业务系统的全部字典文件进行维护。 c) 标准通用分页查询存储过程设计，为业务系统开发过程中的分页查询提升效率。 d) 灵活稳定的编码分配设计，只需要通过配置即可快速实现可满足各种要求的唯一编码。 e) 健全的汉字拼音管理，收录了常用的3万多汉字的全拼与简拼，能迅速完成对汉字的全拼与简拼的翻译处理。
基于.Net平台的extjs单用户Blog系统
07-21
该系统是由vifir.com推出的一个用于演示extjs在.net平台下使用的系统。系统后台使用.Net平台，语言为C#，技术构架为NHibernate+Spring.Net+Vifir实现，支持多种数据库，采用三层结构，数据访问层DAO、业务逻辑层及表示层完全分离。DAO层使用的泛型DAO，只需要一个DAO接口即可，不需要写具体的实现。
ExtJS与.NET结合开发实例(Grid之新增——Form提交篇)
lee576的专栏
02-06 2542
我们新增记录功能的步骤如下：    1.新建FORM      FORM的建立是用ExtJS实现在GridForProjectLists.js文件中的。注意的是，我同时做了个ExtJS的ComboBox      ComboBox实现:      1var storeDept = new Ext.data.Store({ 2         proxy: new Ext.data.HttpPr
ext.net与extjs的关系
weixin_34143774的博客
05-26 216
一、在客户端，ext.net中可以使用extjs的语法。 如发送ajax请求， Ext.Ajax.request({ url: 'Common/getNode', headers: { 'userHeader': 'userMsg' }, params: { nodeid:...
Ext.NET 4.1.0 GridPanel数据分页
weixin_33853827的博客
09-01 187
针对大量数据在前端展示，需要进行分页显示，这里我使用的数据量为100万，数据存储在MongoDb中(也可以存储在本地文件或其它数据库中)。最终显示效果如下： 步骤如下： 1.新建程序并配置，详见http://www.cnblogs.com/zhangtingzu/p/5746722.html，里面有具体的步骤； 2.新建数据类Model：学生类实体 1 public ...
extjs grid 分页 java_Extjs gridPanl中本地数据分页
weixin_28949779的博客
02-23 296
在EXtjs的gridPanl中store数据，分页的时候，一般是请求远程后台的数据，但是现在有需求，要对前台的本地数据进行分页解决的办法(两种)：方法一：这里我们要用到一个插件：我用的是extjs3.4所以下载的是： 下载好这个外部的js之后，我们要和extjs的js一样，把它引入进来之后，我们可以使用了;var localData = [];var AssignDisStore = new E...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值