`
文章列表

Ext 类库简介

    博客分类:
  • ext
转载自网络 ExtJS 由一系列的类库组成,一旦页面成功加载了ExtJS 库后,我们就可以在页面中通过javascript 调用ExtJS 的类及控件来实现需要的功能。ExtJS 的类库由以下几部分组成:   底层API(core):底层API 中提供了对DOM 操作、查询的封装、事件处理、DOM 查询器等基础的功能。其它控件都是建立在这些底层api 的基础上,底层api 位于源代码目录的core 子目录中,包括DomHelper.js、Element.js 等文件。   控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、表格、树、窗口、菜单、工具栏 ...
转载自网络 下面我们写一个最简单的ExtJS 应用,在hello.html 文件中输入下面的代码: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ExtJS</title> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css&q ...

应用ExtJS

    博客分类:
  • ext
转载自网络 应用extjs 需要在页面中引入extjs 的样式及extjs 库文件,样式文件为resources/css/extall. css,extjs 的js 库文件主要包含两个,adapter/ext/ext-base.js 及ext-all.js,其中ext-base.js 表示框架基础库,ext-all.js 是extjs 的核心库。adapter 表示适配器,也就是说可以有多种适 配器, 因此, 可以把adapter/ext/ext-base.js 换成adapter/jquery/ext-jquery-adapter.js , 或 adapter/prototype/ext-p ...

开始ExtJS

    博客分类:
  • ext
转载自网络 获得 ExtJS要使用ExtJS,那么首先要得到ExtJS 库文件,该框架是一个开源的,可以直接从官方网站下载,网址http://extjs.com/download,进入下载页面可以看到大致如图xxx 所示的内容,可以选择选择1.1 或2.0 版本,本教程使用的2.0 版本。 下载得到的ZIP 压缩文件解压缩到目录 ExtJS 发布包目录adapter:负责将里面提供第三方底层库(包括Ext 自带的底层库)映射为Ext 所支持的底层库。build: 压缩后的ext 全部源码(里面分类存放)。docs: API 帮助文档。exmaples:提供使用ExtJs 技术做出的小实 ...

ExtJS 简介

    博客分类:
  • ext
转载自网络 ExtJS是一个Ajax框架,是一个用javascript写的,用于在客户端创建丰富多彩的web应用程序界面。 ExtJS可以用来开发RIA也即富客户端的AJAX应用。 ExtJS是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。 因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs 最开始基于YUI 技术,由开发人员Jack Slocum 开发,通过参考Java Swing等机制来组织可视化组件,无论从UI 界面上CSS 样式的应用,到数据解析上的异常处理,都可算是一款不可多得的Ja ...
转载自网络 原文 当我第一次开始15天的Jquery教程,发布了关于这页面的评论:如果你需要非常精美动画效果,拖和拽,非常平滑动画。你大概要用Prototype 之一的多个强大脚本库来增强效果。我放弃的错误评论已指出,你如何 ...
转载自网络 Cody Lindley ,Thickbox的作者,日前发布了 jTip - jQuery 工具提示。 我对其中很多想法和思路拍案叫绝。我知道你已经看过很多类似的工具提示代码了。但是,Cody 的方法已经在我的工作中显露出了闪光点。 当我检查HTML代码时,我发现了一个大问题,可访问性。链接在javascript关闭的时候无法工作。我并不是倾向于一定要实现全面的可访问性,只是在这里我认为可以有其他更具亲和力的方式实现相同的功能。 尤其是,我个人不喜欢那种为了可访问性而去牺牲可用性来实现在提示框上链接另一个页面链接的方法。我喜欢这个提示框 - 不是对Cody不尊重,只是在我这里我 ...
转载自网络 一位叫Klaus的朋友编写了一个小插件, 用jQuery实现可用性极佳的javascript表格。 设置好正确的(x)HTML 和CSS后,你可以像下面那样创建表格: $.tabs(”container”); first tab on by default 如果你像在默认位置“上方”再添加一个表格: $.tabs(”container”, 2); second tab on Klaus这里 示例,你可以看看最终效果。 我的改版 我稍微修改了Klaus的代码,添加了一个简单的表单用来生成表格的表头。 用法: 非常简单。只需要输入每个表格的表头(最多5个),然后点击表单下方 ...
转载自网络 Cody Lindley 移植的第一版“ Thickbox”让我第一次感受到了jQuery的魅力。后来他又做了一些 代码升级以修复若干跨浏览器的兼容性问题。 一些需要注意的地方 $(document).ready 取代了TB_init() 函数,作用是在每个包含对象 ...
转载自网络 好几个月以前,当我在追逐互联网上AJAX热潮的时候,我在 FiftyFourEleven网站上发现了一篇使用创新的javascript代码实现当时正在困扰我的“ 单文件元素实现多文件上传”的文章。 所以当我想写作《15天漫游jQuery》的时候,我第一个想到的就是用jQuery实现这个功能。 接触易用性狂热爱好者 几天前当我检查网站记录的时候,发现了一条遗漏的文章trackback。跟过去看的时候我发现我的两篇jQuery文章被作者引用来证明他为什么讨厌javascript。 根据这个人的说法,任何工具或技术如果没有将易用性放在第一位都将成为垃圾。 尽管我很不同意这位仁兄一 ...
转载自网络 以前我在Quirksmode网站见过这种代码,后来又在24 Ways网站看到了一个更具Web 2.0风格的方案。这次我将为大家展示两种使用jQuery实现相同功能(甚至更好)的方法。 目标 一个用AJAX(或AHAH)技术设计的页面,访问者无需离开就可以在看到的(x)HTML 页面上编辑内容。 方案 点击需要编辑的文本,变幻出一个带有保存和取消按钮的textarea。修改的部分将通过AHAH传送至服务器端的一个PHP脚本文件,用来更新数据库(MySQL或普通文件)。 演示 AJAX式即点即改演示一 在这第一个演示中,我使用了一个id为“editinplace”的div元 ...
转载自网络 今天我的想法有点改变。近段时间以来我一直考虑注册一个YouTube帐号来上传一些教程录像,现在我终于做出了决定并上传了一个。在这里我将手把手的向大家演示为你的网站添加一些AJAX基本应用的方法。 录像很短,因为YouTube对上传影片的长度有限制(10分钟以内)。当然由于制作仓促,错误在所难免。比如在某个地方我称CGI为“服务器端脚本”,而更准确的说法应该是“服务器端语言”。 这是AJAX,还是AHAH,抑或AXAH? 你将看到的东西其实更接近AHAH而不是纯粹的AJAX。 有什么区别么?AJAX中的“X”代表着XML。但更多时候人们喜欢使用简单的文本或者javascript ...
转载自网络 当我看到这些实现圆角边框的HTML源代码的时候,我发现这很适合用来写一篇jQuery教程–使用wrap()、prepend()、append() 函数。 这里是原先的HTML代码,我们将从这里开始: <div class="dialog"> <div class="hd&quo ...
转载自网络 我第一次看到样式表切换器是在A List Apart或者Simple Bits,那是两个设计师最应该去的网站。 从那以后,我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。 我将向你们逐步解说整个的过程,不仅仅因为要展示jQuery代码的简介,同时也要揭示jQuery库中的若干高级特性。 首先,代码 $(document).ready(function() { $('.styleswitch').click(function() { switchStylestyle(this.getAttribute( ...
转载自网络 这次的教程内容贴近我擅长的技术方向:安全的contact forms。 就像我在前一篇教程中提到的那样,一个最普通的contact forms可以帮助访客同你进行通信来往而不需要暴露你的电子邮件地址给那些可恶的垃圾邮件制造者们。 但如果spammer们已经盯上你,没有什么比一个不安全的contact foms更糟糕的了。想象一下你的网络空间提供商发给你一封措辞强烈的电子邮件,通知说:他们发现你的网站发送了大批量的性药广告以及其他垃圾邮件,另外,直到你停止这种行为之前,你的网站都将处于离线状态–谢谢! 那么,今天我要在这篇教程里告诉大家的是一种在任何contact forms上添 ...
Global site tag (gtag.js) - Google Analytics