ExtJS是一个很不错的Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用javascript编写,与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习或准备学习ExtJS的朋友们快速走进ExtJS2.0的精彩世界。
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 DWZ框架支持用html扩展的方式来代替javascript代码, 只要懂html语法, 再参考DWZ使用手册就可以做ajax开发. 开发人员不写javascript的情况下, 也能用ajax做项目和使用各种UI组件. 基本可以保证程序员不懂javascript, 也能使用各种页面组件和ajax技术. 如果有特定需求也可以扩展DWZ做定制化开化. 做ajax项目时需要写大量的javascript才能达到满意的效果. 国内很多程序员javascript不熟, 大大影响了开发速度. 使用DWZ框架自动邦定javascript效果. 不需要开发人员去关心javascript怎么写, 只要写标准html就可以了. DWZ简单扩展了html标准, 给HTML定义了一些特别的class 和attribute. DWZ框架会找到当前请求结果中的那些特别的class 和attribute, 并自动关联上相应的js处理事件和效果. DWZ基于jQuery可以非常方便的定制特定需求的UI组件, 并以jQuery插件的形式发布出来. 如有需要也可做定制化开发.
目录Ajax及工具方法8事件绑定6数据模型5相关资源9信息展示步骤7常用组件4面板布局3信息提示框2ExtJS简介1ExtJS简介ExtJS简称EXT,它是一个非常优秀的javascript开发框架,主要用来开发具有绚丽外观的富客户端WEB程序。ExtJS提供了许多非常实用的可视化组件,为我们开发富客户端程序提供了许多功能强大的支持,关于Extjs的相关基本概念及使用方法详见Extjs的API文档。特点:1、开发速度快2、界面效果绚丽3、组件式开发缺点:报错不明确调试有一定的难度。
jquery动态分页最近一直研究jquery的分页效果,刚刚弄好了一个,拿出来与大家分享。分页效果与时光网的差不多。
ExtJS4树先看个简单的效果图:TreePanel是ExtJS中最多能的组件之一,它非常适合用于展示分层的数据。TreePanel和GridPanel继承自相同的基类,所以所有从GridPanel能获得到的特性、扩展、插件等带来的好处,在TreePanel中也同样可以获得。列、列宽调整、拖拽、渲染器、排序、过滤等特性,在两种组件中都是差不多的工作方式。
DOJO-API中文参考手册,附加注解实例Dojo体系架构总体上来看是一个分层的体系架构,最下面的一层是包系统,DojoAPI的结构与Java很类似,它把所有的API分成不同的包(package),当您要使用某个API时,只需导入这个API所在的包。包系统上面一层是语言库,这个语言库里包含一些语言工具API,类似于Java的util包。再上一层是环境相关包,这个包的功能是处理跨浏览器的问题。
jquery能作什么?(取得文档中的内容,修改页面的外观,改变文档的内容,响应用户的交互操作,为页面添加动态效果,无需刷新页面从服务器获取信息,简化常见的javascript任务。)
jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
ExtJs常用控件ExtJs学习系列
domore选择网页元素CSS选择器$(document)//选择整个文档$(‘#myId’)//选择ID为myId的网页元素$(‘div.myClass’)//选择class为myClass的div元素Jquery特有的表达式$(‘a:first’)//选择网页的第一个a元素$(‘tr:odd’)//选择表格的奇数行$(‘div:visible’)//选择可见的div元素方法函数化原生的Window.onloadinner HTMLonclick Jquery的$()html()click()。
MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的功能要比Prototype.js多,整体设计也比Prototype.js要相对完善,功能更强大,比如增加了动画特效、拖放操作等等。总之,Mootools是一个非常优秀的Javascript框架,更多精髓部分等待你去发掘,希望你也能通过学习和使用而喜欢上Mootools,甚至喜欢上Javascript :)
返回值:jQueryjQuery([selector,[context]]) 概述 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果没有指定context参数,$()将在当前的 HTML document中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。在jQuery 1.3.2以后,其返回的元素顺序等同于在context中出现的先后顺序。
jQuery LigerUI 是基于jQuery的一系列UI控件组合,简单而又强大,致力于快速打造Web前端界面解决方案。 因为是前端控件,跟服务器无关,可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有100K左右,很轻巧。使用插件式的开发模式,以“简单”为原则的设计,每个插件尽量独立,并可依赖拓展。
jQuery 1.8.2 速查表。HTML5速查表。正则表达式速查表。
且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单,比其他库容易学会,但是要全面掌握,却不轻松。因为它涉及到网页开发的方方面面,提供的各种方法和内部变化有上千种之多。初学者常常感到,入门很方便,提高很困难。目前,互联网上最好的jQuery入门教材,是RebeccaMurphey写的《jQuery基础》(jQuery Fundamentals)。在Google里搜索"jQuery培训",此书排在第一位。jQuery官方团队已经同意,把此书作为官方教程的基础。这本书虽然是入门教材,但也足足有100多页。我对它做了一个详细的笔记,试图理清jQuery的设计思想,找出学习的脉络。我的目标是全面掌握jQuery,遇到问题的时候,心里有底,基本知道使用它的哪一个功能,然后可以迅速从手册中找到具体的写法。
为了使网页能够具有交互性,能够包含更多活跃的元素,就有必要在网页中嵌入其它的技术。如:Javascript、VBScript、DocumentObjectModel(文件目标模块)和CascadingStyleSheets(CSS)等。JavaScript是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。在程序运行过程中被逐行解释。它与HTML标识结合在一起,方便用户的使用操作。随着互联网的普及。大量web页面的使用使得脚步语言越来越重要。Javascript逐渐成为当前最流行和使用最广的脚步语言
GWT是Google Web Toolkit的简称GWT是一个以Java语言为工具,以类似Swing的方式编写UI组件,之后通过GWT Compiler编译为JavaScritp和HTML在客户端浏览器中运行的一个开发工具和编程模型。GWT的构成JavaToJSCompiler功能:把Java代码转换成JavaScript代码位置:com.google.gwt.dev.GWTCompiler注意:a.只能编译Java源码,而不能编译Java二进制码。b.不支持部分JDK1.5的特性,例如:generics,enums等(仅仅限与要被编译的代码,服务器端程序不受限制)JSNI全名:JavaScriptNativeInterface功能:Java代码中调用JavaScript程序原理:通过JSNI,GWTCompiler能够把NativeJavaScript与从Java生成的JS。
SmartGWT 是封装了 SmartClient 的 GWT API。SmartGWT 有如下特色: 丰富的控件。很多较为复杂的常用界面都被包装成简单易用的控件。比如可 编辑的树形表格、查询常用的过滤器创建器和类似 Google Calendar 的日历等 等。 内置的数据整合功能。利用 SmartClient 的 MVC 模式,用户可以通过定义 数据源(Data Source),很容易地开发出能对服务器端数据进行创建,更新,获 取和删除操作的界面。甚至只要 10 行以内的代码。 支持 Skin。通过 Skin,用户能定制整套风格一致的界面方案。只需在线切 换,就可以换到全新的风格。 如此强大的功能是否上手也很难呢?否!基于 GWT 的 SmartGWT 是非常容易 使用的,即使很炫的效果,实现代码也非常简短,Java 开发人员很快就可以做 出炫目的 Web 应用。
万一你没有使用过大名鼎鼎的prototype.js,那么让我来告诉你,prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0 特性的富客户端页面。 如果你最近尝试使用它,你大概了解到文档并不是作者的一个强项。和在我以前使用这个类库的不少开发者一样,一开始,我不得不一头扎进阅读 prototype.js 的源代码和实验它的功能中。我想,在我学习完它之后,把我学到的东西分享给大家是件不错的事。