Extjs 强大的WEB窗体开发库
原文:Extjs 强大的WEB窗体开发库
作为一个javascript程序员,必须时刻关注JS的最新发展,想了解JS最新动态,可以关注我们的 Javascript教程网。
最近几年比较火的前端js框架extjs 算是其中的佼佼者。统一的UI设计,强悍的组件及丰富的插件,对浏览器良好的兼容性等优点使得许多公司使用Extjs,同时也使得无数程序猿开始研究这个玩意也包括我在内。废话不多说,我们来看看extjs和extnet 是什么东东。
用过的extjs 的程序猿,恐怕都有五味杂陈的感受。有时为了一个特殊的功能,不知耗费多少心血。甚至一不小心少写了括号找了半天,让人抓狂。当然这里排除那些代码天才。平心而论extjs开发是有难度的。要用好它,要学的东西真不少。CSS,html,js,服务器脚本语言(php,java,asp.net)。不要以为有js框架就不用关注那些css,html了,等哪天老板说”我要这种功能,这种效果。“ 哈哈,就懂了。那么问题来了,怎样降低这个开发难度呢?就有这个公司搞了个Ext.Net ,再extjs 上狠狠的封装了一下。有多狠,Ext.net(2.5).dll,居然有125MB。 让无数开发者仿佛一下子回到了asp.net 拖控件的时代。历史就是这样,重复着造轮子。。。
在Extjs窗口这样写的:
- Ext.create('Ext.window.Window', {
- title: 'Hello',
- height: 200,
- width: 400,
- layout: 'fit',
- items: { // Let's put an empty grid in just to illustrate fit layout
- xtype: 'grid',
- border: false,
- columns: [{header: 'World'}], // One header just for show. There's no data,
- store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store
- }
- }).show();
复制代码
ext.net 是这样写的:
<ext:Window
ID="Window1"
runat="server"
Title="Hello World"
Icon="Application"
Height="185"
Width="350"
BodyStyle="background-color: #fff;"
BodyPadding="5"
Modal="true">
<Content>
This is my first <a target="_blank" href="http://www.ext.net/"> Ext.NET</a> Window.
</Content>
</ext:Window>
在写代码上,使用vsIED开发环境Ext.net 有智能提示(通过设置extjs也可以),但是你要是把ext.net属性设置错了或者其他错, 编译时直接给你个报个错。不改正确都不行。从这点上来说对程序员来说确实是个福音。
下面来看下注册事件的区别:extjs 这么写
Ext.create('Ext.Button', {
text: 'Click me',
renderTo: Ext.getBody(),
handler: function() {//看这里!
alert('You clicked the button!');
}
});
还可用”on()“ 方法注册事件。Ext.Net 长什么样呢,如下所示:
<ext:ImageButton
runat="server"
ImageUrl="button.gif"
OverImageUrl="overButton.gif"
DisabledImageUrl="disabled.gif"
PressedImageUrl="pressed.gif">
<DirectEvents> //这里hock 后台事件
<Click />
</DirectEvents>
<Listeners>
<Click Handler="*这里你可以写js代码处理*"/>
</Listeners>
</ext:ImageButton>
这里是后台代码
<script runat="server">
protected void Button_Click(object sender, DirectEventArgs e)
{
X.Msg.Alert("Server Time", DateTime.Now.ToLongTimeString()).Show();
}
</script>
事件就简单到这里,下面说两者的性能差异。整体上来说,extnet是包装过的性能肯定有所下降。据自己开发时体会,Ext.net事件交互上本质是使用extjs的DirectEvent,大量的事件交互,导致了许多不必要的服务器请求。这是导致性能不佳一个很重要的原因。而extjs许多处理直接通过前台js代码控制,规避了这类问题。
再来介绍下大家比较关心的东西,收不收费? extjs 是开源的,需要遵守GNU协议的。而extnet用于商业盈利需要收费的。具体的细节的看下他们的说明。
好了简单介绍到这里吧。具体选择哪种组件开发,需要结合实际情况慎重考虑。
新的一年,给广大程序猿一个福利。在 web开发 extjs或者extnet时都不免查看api文档。查看官方网站时,会发现只要在从天朝访问外国网站都比较卡,有时还无法访问。为此博主决定改变一下。查看在线api文档请点击这里: http://api movivi cn。为了程序员更好写代码,我也是蛮拼的,希望这能够帮助到你。
Extjs 强大的WEB窗体开发库相关推荐
- 【懒人笔记】Web前端开发库
项目需要一个页面展示,于是我冒充了2个月的 Web前端,这里记录下用到的相关工具和库. Web框架 用的是 Django,不得不说,对于我这样的前端小白来说,上手容易很多.也让我进一步了解到 Pyth ...
- web前端开发技术现状与发展_Web前端的发展前景、最新技术、学习路线?
1.前景怎么样? web前端人才需求还会持续增加 据国内权威数据统计,未来五年,我国信息化人才总需求量高达1500万-2000万人.其中"网络工程""UI设计" ...
- .net html5 框架,ASP.NET - 介绍 ASP.NET Web 窗体框架的导航 | Microsoft Docs
MVC 07/08/2015 本文内容 介绍 ASP.NET Web 窗体框架的导航 ASP.NET Web 窗体框架的导航是一个托管在 navigation.codeplex.com 上的开源项目, ...
- 使用 .NET 框架轻松开发完美的 Web 窗体控件
作者:David S. Platt 出自:微软 本文假定您熟悉 Visual Basic .NET.C# 和 HTML 下载本文的代码: WebC.exe (274KB) 摘要 预建的自定义控件可 ...
- JEECG V3.0 版本(jbpm5 工作流自定义+WEB UI快速开发库+代码生成器) spring mvc +hibernate
简要说明 JEECG V3.0版本推翻了原有SSH2架构,采用SpringMVC+Hibernate+Spring jdbc基础架构, 采用面向声明的开发模式,基于泛型方式编写极少代码即可实现复杂的数 ...
- python websocket库有什么_常用Python爬虫与Web开发库有哪些?
Python爬虫和Web开发均是与网页相关的知识技能,无论是自己搭建的网站还是爬虫爬去别人的网站,都离不开相应的Python库,以下是常用的Python爬虫与Web开发库. **1.爬虫库** bea ...
- 基于web多媒体素材库的开发与实现前景和范围文档
1业务需求 1.1应用背景 随着计算机多媒体技术的不断快速发展,在教育领域,多媒体信息技术已经开始发挥重要的作用,多媒体课件也开始在课堂上得到应用.在多媒体课件的应用过程中,需要大量的多媒体素材才能够 ...
- python web开发第三方库_以下属于Python中Web开发框架第三方库的是__________
以下属于Python中Web开发框架第三方库的是__________ 答:Django 关于为何要敬业乐群,下列说法错误的是?() 答:敬业乐群可以作为提升我们学习.工作的效率和成果,乃至提升我们生命 ...
- 《Web前端开发技术(HTML+CSS+JavaScript)》题库附答案
什么是Web技术? 答:Web即全球广域网(World Wide Web),也称为万维网,它是一种基于超文本和HTTP的.全球性的.动态交互的.跨平台的分布式图形信息系统.它是建立在Internet上 ...
最新文章
- python画图中文显示_解决Linux系统中python matplotlib画图的中文显示问题
- 性能计数器与profiler的组合性能诊断
- display和show的区别
- react 中渲染html_如何在React中识别和解决浪费的渲染
- PowerDesigner设置code和name不联动的方法
- android查看统计项目的方法数
- vc 实现打印机打印功能
- 如何将word图片粘贴到动易CMS里面
- 适合iPhone13的蓝牙耳机音质比较好有哪些?音质好的蓝牙耳机推荐
- python柱形图绘制_Python绘图之柱形图绘制详解
- java 判断今天星期几_java判断今天星期几
- win10卸载office2016提示:安装程序包的语言不受系统支持
- Photoshop 通过快捷键来快速选择工具箱中的某一工具 ,快捷键大全
- 叠加dgv中相同的行信息
- 偶尔会有的一点感受(二)
- Xshell6安装与使用
- html403禁止访问怎么解决,http出现“禁止访问 403”错误的起因和解决方法
- Oracle 存储过程 字符串拼接 SQL注入的问题
- 金融业数字化转型全面提速背后 看华为如何与时俱进
- android+祖玛游戏源码,unity祖玛游戏Zuma Ball Blast源码
热门文章
- Eclipse安装STS插件
- C++ 普通函数和模板函数调用规则
- 互联网晚报 | 3月24日 星期四 |​ ​国务院安委办:立即开展民航安全隐患排查;​新东方新公司经营范围含电竞赛事策划...
- 互联网晚报 | 11月13日 星期六 | 腾讯、抖音商谈对等开放;荣耀电商平台粉丝破亿;碧桂园杨惠妍第九次成为中国女首富...
- 线下实战(这次包含北京)
- 全面解码美妆消费者心智
- 的driver_Spark源码解析(三)----Driver启动、注册Application
- 花呗分期计算器_花呗分期10000元利息怎么算?取决于你的分期期数!
- 基于炼铁大数据智能互联平台推动传统工业转型升级
- 作者:周一懋(1982-),男,江苏汇誉通数据科技有限公司大数据事业部总监、工程师...