extjs 与fineui extjs和js有什么区别别

首先来看看FineUI是什么?
FineUI 是一组基于 ExtJS 的专业 ASP.NET 控件库,拥有原生的 AJAX 支持和华丽的 UI 效果。
FineUI 的使命是创建没有 JavaScript,没有 CSS,没有 UpdatePanel,没有 ViewState,没有 WebServices 的网站应用程序。
从这段官方描述中,我们看到了三个信息点:
基于ExtJS。大家都知道ExtJS是一个很绚丽的JavaScript控件库,非常适合进行各种管理系统的开发。但是对于很多开发者而言,写上一堆一堆的JavaScript代码无疑是一个噩梦。
ASP.NET2.0控件库。大家都知道ASP.NET的WebForm开发的最大优点是快速开发,而ViewState则是这种快速开发的基石,使得我们使用C#代码操作页面上控件的任何属性。它的缺点也很明显,在Web2.0的时代每次都是整个页面回发(PostBack)显然过于落伍,并且默认的控件外观过于简陋。由于FineUI是基于ASP.NET2.0的控件库,所以可以自由地应用到 .Net Framework 2.0、3.5、4.0的项目中。
FineUI则是将ExtJS和ASP.NET进行深度整合的产物。大量基于JavaScript和CSS却不需要程序员编写JavaScript和CSS;原生的AJAX支持却不需要依赖ASP.NET AJAX的UpdatePanel;快速的ASP.NET开发模式却不需要ViewState的参与。最终FineUI剩下的只是简单的ASP.NET控件。学习FineUI只需要你有ASP.NET的开发基础,不需要事先学习ExtJS,因为FineUI是一个深度封装的控件库。
最终,我们可以给出如下一个简单的公式:
FineUI控件库 = 绚丽的ExtJS界面 + 快速的ASP.NET开发 + 简单的代码编写
FineUI的设计理念
一切为了简单。
FineUI最初的设计目的就是让ASP.NET开发人员在不需要了解JavaScript和ExtJS的情况下快速开发出漂亮的Web2.0应用。因此每个控件的编写都尽量符合ASP.NET的开发习惯,从控件和属性的命名到复杂的AJAX交互,都让传统的ASP.NET开发人员感到很舒服,这也是FineUI经过四年的风雨历程仍然深受广大开发者喜爱的原因。
用心实现80%的功能。
FineUI最初是项目驱动的管理系统的开发,因此控件的开发优先级都是服务于项目的需要,对常见的80%的功能进行精雕细琢的设计开发,并独创了很多服务于实际需求的功能,比如原生的AJAX支持、轻量级的数据传输以及基于IFrame的页面框架。因此FineUI不会追求对ExtJS进行完全的封装,但是会在80%的常见功能上进行细致入微的设计和思考。
创新所以独一无二。
FineUI能够在高手如林的ASP.NET控件库领域拥有一席之地,靠的不是漂亮的脸蛋或者复杂的功能,而是简单而实用的创新。正如前文提到的那样,原生的AJAX支持使得ASP.NET开发人员根本没有意识到自己开发的程序是Web2.0的无刷新风格,因为编写的代码和传统的ASP.NET代码几乎一样;轻量级的数据传输完全抛弃了不适合AJAX的ViewState,而是自创了XState进行数据传输,从而减少网络流量;基于IFrame的页面框架更是给开发人员一个分而治之的设计模式,弹出窗体不在局限于IFrame框框中。
为什么选择FineUI?
1. 快速的项目开发
基于您熟悉的C#和ASP.NET 2.0开发模式,不需要JavaScript代码就能完成真正的Web 2.0应用。不仅能够极大的减少开发时间和降低开发成本,而且方面维护升级。
2. 基于现有的ASP.NET知识
虽然FineUI是基于ExtJS组件的,但是不需要你事先了解ExtJS的知识,因为FineUI是完全按照ASP.NET的命名习惯和开发框架完成的,你经常会发现很多控件的命名、属性、方法、事件和原生的ASP.NET控件一模一样。
3. 丰富的控件库
超过50个专业的ASP.NET控件,不仅帮助您快速实现业务逻辑,而且让页面更加生动和华丽。
4. 跨浏览器支持
FineUI使用C#代替传统的JavaScript开发,不仅提高了开发效率,而且确保在所有主流的浏览器下流畅运行。
5. 多主题支持
FineUI不仅内置3种官方主题,而且通过示例提供了4种扩展主题,同时还允许您自定义自己的主题,来满足项目的个性化需求()。
6. 页面无刷新
所有的页面回发都不会导致整个页面重新渲染,而只有部分页面得到更新。而这个AJAX过程对开发人员完全透明,您可以向往常一样在服务器端改变控件属性,而这个修改会直接反映更新到前台页面,而不需要任何额外的代码。
7. 轻量级的数据传输
ViewSate是WebForm开发模式的基石,带来便利的同时也增大了数据传输。 FineUI独创的XState实现,不仅保留便利而且极大的减少了数据的传输量。
8. 丰富的示例教程
超过和丰富的教程让你全面掌握FineUI的各种用法。
9. 全中文支持
从,到,再到,再到,全程中文社区,让你再无语言障碍。
10. 持续的开发维护
FineUI从2008-04发布第一个版本以来,一直坚持不懈的发布了,并还将继续一直维护下去。
11. 开源免费
FineUI可以免费应用于任何非商业或者商业性的项目,采用对商业应用友好的Apache License 2.0协议。
FineUI与ExtJS,ExtNet,ExtJsExtender的区别?
ExtJS 是纯JavaScript的控件库,所以适用于后台为PHP,ASP.NET或者JSP的项目,并且是FineUI和其他库的基础。
ExtNet 是国外一家公司开发的基于ExtJS的ASP.NET控件库,从功能上讲比较完善,不过开发模型相对复杂,如果你喜欢ExtNet的开发风格或者需要使用ASP.NET MVC,可以尝试这个控件库。
ExtJsExtender 是一个比较早的基于ExtJS的ASP.NET控件库,但是功能过于简陋,长期没有更新,并且对ASP.NET AJAX有依赖。
FineUI 是一组基于ExtJS的ASP.NET控件库,也是本系列文章的主角。最大的优点就是简单实用。基于ASP.NET2.0,项目中只需要引用一个FineUI的DLL,没有其他依赖。还要注意FineUI只适合传统的WebForm的项目,不适合ASP.NET MVC的项目。
FineUI的许可协议
从FineUI v3.1.0开始,FineUI采用对商业应用友好的。阐述了FineUI是如何选择开源协议的。
FineUI 完全遵守 ExtJS 对开源软件的要求:
FineUI 的 Apache License v2.0 授权协议 与 ExtJS 的 GPL v3 兼容;
FineUI 公开全部源代码,没有任何保留;
FineUI 不包含 ExtJS 的任何源代码;
FineUI 不将 ExtJS 作为整体发布,而是提供获取 ExtJS 的方法;
FineUI 公开说明使用了 ExtJS 库,并指出 ExtJS 库是采用 GPL v3 授权协议的;
FineUI 是为了将 ExtJS 引入 ASP.NET 领域,而非独立存在的库。
FineUI 使用 Apache License v2.0 授权协议是商业友好的。FineUI 是真正意义上的开源程序,是最好用的开源控件库!
使用 FineUI 的商业程序无需获得 FineUI 的授权!
使用 FineUI 的商业程序需要购买 ExtJS 的商业授权,因为 ExtJS 是
协议下发布。
我们也希望您能通过来支持 FineUI 的发展!
FineUI社区交流
你也可以从中查找FineUI的QQ交流群。
注:《FineUI秘密花园》系列文章由原创,博客园首发,转载请注明出处。
阅读(...) 评论()&&&&FineUI最新例子,带Extjs
FineUI最新例子,带Extjs
FineUI最新例子,带Extjs(3.4) ,有web.config设置,比较方便; No JS,NO Ajax
类似C/S程序开发 比较简单
若举报审核通过,可奖励20下载分
被举报人:
举报的资源分:
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题,侵犯个人或公司的版权
*详细原因:
VIP下载&&免积分60元/年(1200次)
您可能还需要
开发技术下载排行FineUI(开源版)基于 ExtJS 的开源 ASP.NET 控件库。FineUI的使命创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序。支持的浏览器IE 8.0+、Chrome、Firefox、Opera、SafariFineUI中的Window控件常用作选择、新增或编辑内容。而关闭Window控件却有很多技巧,了解这些技巧有助于项目的快速开发。
如何关闭Window控件
第一个问题就是如何关闭Window控件,最明显的方式就是右上角的关闭图标了。总的说来,有三种方式:
ESC按键(在Window控件所在页面获取焦点的情况下,按下键盘的ESC将会关闭当前激活窗体)
窗体右上角的关闭图标
用户自定义的关闭按钮
前两种方式自不必说,那么如何自定义关闭按钮呢?有两种做法:
按钮禁用回发,在页面初始化时注册关闭脚本
1 &f:Button ID="btnHideInClient" CssClass="inline" Text="隐藏窗体(客户端代码)" EnablePostBack="false"
runat="server"&
3 &/f:Button&
1 protected void Page_Load(object sender, EventArgs e)
if (!IsPostBack)
btnHideInClient.OnClientClick = Window2.GetHideReference();
按钮回发,在回发事件中设置窗体Hidden属性,
1 &f:Button ID="btnHideInServer" Text="隐藏窗体(服务端代码)" runat="server" OnClick="btnHideInServer_Click"&
2 &/f:Button&
1 protected void btnHideInServer_Click(object sender, EventArgs e)
Window2.Hidden = true;
或者注册关闭脚本:
1 protected void btnHideInServer_Click(object sender, EventArgs e)
PageContext.RegisterStartupScript(Window2.GetHideReference());
&当然,这里按钮是和Window控件在同样一个页面的。
对于另一种常见情况,也即启用IFrame的Window控件,位于IFrame页面内的按钮如何关闭父页面中的这个Window控件呢?
显然,我们无法在IFrame页面内获取Window控件的实例!
没关系,FineUI提供了ActiveWindow类来处理这个常见问题:
1 protected void btnSaveContinue_Click(object sender, EventArgs e)
PageContext.RegisterStartupScript(ActiveWindow.GetHideReference());
关闭窗体的方式
前面提到的关闭窗体,只是简单的关闭,并未做任何其他处理。其实FineUI提供了三种关闭窗体的方式:
直接关闭:也就是前面提到的 GetHideReferene 方法返回的脚本
关闭窗体,然后回发窗体所在的页面,触发Window控件的Close事件:可以使用内置的 GetHidePostBackReference 方法
关闭窗体,然后刷新窗体所在的页面:可以使用内置的 GetHideRefreshReference 方法
再回到前面介绍的"如何关闭窗体",显然前两种关闭方法(ESC,右上角关闭图标)无法使用 GetHide***Reference 方法,怎么办?
FineUI同时为Window控件提供了 CloseAction 属性,可能的值为 Hide,HidePostBack 和 HideRefresh,分别对应上述方法。
来看一个例子:
点击右上角关闭图标,触发了Close事件
这个行为是由Window控件的CloseAction属性控制的,来看下控件标签:
1 &f:Window ID="Window2" Width="650px" Height="300px" Icon="TagBlue" Title="窗体" Hidden="true"
EnableMaximize="true" EnableCollapse="true" runat="server" EnableResize="true"
IsModal="false" CloseAction="HidePostBack" OnClose="Window2_Close" Layout="Fit"&
4 &/f:Window&
后台的事件处理代码:
1 protected void Window2_Close(object sender, WindowCloseEventArgs e)
Alert.ShowInTop("窗体被关闭了。参数:" + (String.IsNullOrEmpty(e.CloseArgument) ? "无" : e.CloseArgument));
CloseAction无法定义返回参数,所以这里显示"无"!
点击页面上的"隐藏窗体,带回发参数",触发了Close 事件,此时的页面显示
这个按钮的响应脚本是在页面初始化时注册的,如下所示(注意参数是如何设进去的):
1 protected void Page_Load(object sender, EventArgs e)
if (!IsPostBack)
btnHideInClient2.OnClientClick = Window2.GetHidePostBackReference("btnHideInClient2");
&同样,对于启用IFrame的Window控件,其IFrame内按钮的关闭窗体处理,对应于ActiveWindow的几个方法:
ActiveWindow.GetHideReference
ActiveWindow.GetHidePostBackReference
ActiveWindow.GetHideRefreshReference
关闭窗体的确认对话框
这个特性可能很多人都不知道,不过存在很强的实用性。
简单描述:启用IFrame的Window控件,如果IFrame页面内任意表单字段发生改变,则在关闭窗体时弹出确认框。
目的是防止用户在输入表单内容后,还没来的及保存,一个误操作把弹出窗体关了。
页面初始显示
在"数字输入框"内输入任意值,然后点击右上角的关闭图标,弹出确认对话框
清空&"数字输入框"内的值(也即是还原到其初始状态),然后点击右上角的关闭图标,则直接关闭窗体
&上述操作是由Window控件的&EnableConfirmOnClose 属性控制(默认为false),下面是这个Window实例的标签定义:
1 &f:Window ID="Window1" Hidden="true" EnableIFrame="true" runat="server" EnableConfirmOnClose="true"
EnableMaximize="true" EnableResize="true" Height="450px" Width="800px" Title="窗体一"&
3 &/f:Window&
对于上述页面中的"关闭"按钮,行为和右上角的关闭图标一致,不过这种一致性也是认为控制的,来看看"关闭"按钮的脚本:
1 protected void Page_Load(object sender, EventArgs e)
if (!IsPostBack)
btnClose.OnClientClick = ActiveWindow.GetConfirmHideReference();
本篇文章介绍了三种关闭Window控件的方法(ESC、关闭图标、自定义),以及三种FineUI定义的处理方式(隐藏、隐藏后回发、隐藏后刷新)。对于IFrame内的关闭按钮,FineUI提供了ActiveWindow来生成关闭脚本。同时还介绍了一个FineUI内置的属性&EnableConfirmOnClose ,用来控制是否弹出关闭窗体的确认对话框。
源代码与在线示例
本系列所有文章的源代码均可自行下载:
在线示例:
如果本文对你有所启发或者帮助,请猛击&好文要顶&,支持原创,支持三石!
24张专业版高清大图
阅读(...) 评论()}

我要回帖

更多关于 jquery和extjs的区别 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信