![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 81
zhaoqiliang527
这个作者很懒,什么都没留下…
展开
-
ExtJS4学习笔记(十三)---ExtJS4图片验证码的实现
上几篇文章,主要学习了Extjs4 Grid的使用方法,从本篇开始,我们开始其他组件的学习,使用。在登录、注册甚至是发表文章或帖子的时候,都会用到验证码这个东西,那么在EXTJS中,可以使用验证码功能么?答案是肯定的,在EXTJS4之前,也有很多验证码的实现,在Extjs4中,验原创 2011-08-30 17:40:21 · 1479 阅读 · 0 评论 -
ExtJS4学习笔记(十)---带搜索的Grid(SearchGrid)
项目开发中,Grid组件少不了搜索功能,在Extjs4中,搜索组件以插件的形式出现,而且实现也非常简单,搜索组件位于examples/ux/form目录下,JS文件是SearchField.js。Grid加载搜索功能,要注意的是:1、开启延迟加载,即Ext.Loader.原创 2011-08-30 17:32:52 · 2047 阅读 · 0 评论 -
ExtJS4学习笔记(八)---Grid分页
Grid组件,当数据量很大的时候,就需要分页显示,本文介绍如何实现Extjs4 Grid的分页功能。先看THML代码: "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml原创 2011-08-30 17:28:47 · 2181 阅读 · 1 评论 -
ExtJS4开发笔记(六)——菜单的实现
上篇文章介绍了搭建一个空的框架,使得管理系统有了大致的模样,今天工作的主要内容就是菜单的实现以及点击菜单后在右边内容区打开一个新的Panel。本篇文章的内容主要包括两个方面,Extjs4 Tree及Extjs4 tabPanel。在Extjs应用中实现菜单,无疑Tree是最好原创 2011-08-30 17:14:31 · 2754 阅读 · 1 评论 -
ExtJS4学习笔记(三)---window的创建
Extjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4中创建一个window。注:代码中所有Ext.Window应该原创 2011-08-30 17:22:45 · 1421 阅读 · 0 评论 -
ExtJS4 API文档阅读——类系统(Class System)
ExtJS4使用新的类机制进行了大量的重构。为了支撑新的架构,ext4几乎重写了每一个类,因此最好先好好的理解一下新的架构,再开始编码。本文适合想在extjs4中扩展现有类或者创建新类的开发者。其实,不管是想扩展还是使用,都建议您仔细阅读一下(如果E文好的,建议您还是阅读英文原创 2011-08-30 17:08:01 · 1361 阅读 · 0 评论 -
ExtJS4开发笔记(二)——框架的搭建
废话不多说了,上篇文章建立了比较基础的文件。今天开始搭建大体的框架,由于Extjs4在组件建立方面有了很大的改变,所以第一次建立的框架页面还是费了比较长的时间。本章内容增加了一些图片及CSS文件,目的是为了美化整个界面。增加的CSS文件:注意事项:layout、region的原创 2011-08-30 17:12:35 · 3630 阅读 · 5 评论 -
在ExtJS4应用中使用Ext.Loader
在EXTJS官网看到一片文章,讲的是Extjs.Loader的使用方法,文章非常详细的介绍了Loader的机制及用法,感觉非常不错,但无奈英文实在太烂,就没转过来。昨天恰好在CSDN看到了这篇文章的译文,而译文的质量非常高,对译者的翻译水平怎一个羡慕了得。废话不多说,正文开始。原创 2011-08-30 17:05:52 · 5784 阅读 · 5 评论 -
ExtJS 4中动态加载的路径设置
Extjs4动态加载的路径设置方法。在Loader对象中,动态加载是使用getPath方法获取下载路径的,其代码如下: getPath : function(className){ varpath='', paths=this.config.原创 2011-08-30 17:00:20 · 1028 阅读 · 0 评论 -
泄露你的JavaScript技术很烂的五个表现
<br />Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你和Javascript都站错了立场,而现在,你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。<br />1. 你没有使用命名空间<br />是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量原创 2011-04-20 10:53:00 · 507 阅读 · 0 评论 -
javascript图片预加载技术
<br />图片预加载技术的典型应用:<br />如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要比直接输出的差很多,而本文说提到的预加载技术主要针对获取图片尺寸。<br />一段典型的使用预加载获取图片大小的例子:<br /> <br />var imgLoad = function (url, callback) {<b原创 2011-05-31 15:01:00 · 492 阅读 · 0 评论 -
JS 中如何判断 undefined 和 null
<br />JS 中如何判断 undefined<br />JavaScript 中有两个特殊数据类型:undefined 和 null,下节介绍了 null 的判断,下面谈谈 undefined 的判断。<br />以下是不正确的用法:<br />var exp = undefined;<br />if (exp == undefined)<br />{<br /> alert("undefined");<br />} <br />exp 为 null 时,也会得到与 undefined 相同的结果原创 2011-02-25 11:42:00 · 1430 阅读 · 0 评论 -
ExtJS4学习笔记(十四)---TabPanel
创建一个tabPanel有两种方法:一:Ext.createWidget('tabpanel',{...})二:Ext.create('Ext.tab.Panel',{...})本文分别介绍这两种创建方法。HTML代码: "-//W3C//DT原创 2011-08-30 17:41:23 · 2124 阅读 · 0 评论 -
ExtJS4学习笔记(四)---HBox的使用
要使用HBox布局方式,首先的熟悉下一下几个主要属性:一、align:字符类型,指示组件在容器内的对齐方式。有如下几种属性。 1、top(默认):排列于容器顶端。 2、middle:垂直居中排列于容器中。 3、stretch:垂直排列且拉伸义填补原创 2011-08-30 17:24:12 · 1167 阅读 · 1 评论 -
ExtJS4学习笔记(二十)---TreePanel实例
随着Extjs4第五预览版的发布,更多的实例被放了出来,本文介绍Extjs4 TreePanel的使用。此实例来自Extjs官方网站,此实例并没有限制树节点的拖放,例子中使用了TreeStore 和 AjaxProxyHTML代码: "tree-div"原创 2011-08-30 17:54:19 · 3759 阅读 · 2 评论 -
ExtJS4学习笔记(五)---VBox的使用
要使用VBox布局方式,首先的熟悉下一下几个主要属性:一、align:字符类型,指示组件在容器内的对齐方式。有如下几种属性。 1、left(默认):排列于容器左侧。 2、center :控件在容器水平居中。 3、stretch:控件横向拉伸至容器原创 2011-08-30 17:25:52 · 956 阅读 · 0 评论 -
ExtJS4学习笔记(十六)---上传文件(upload)
本文介绍Extjs4文件上传示例,Extjs4中,主要使用up('form').getForm().submit()方法来实现文件的上传,在submit方法中,指定其type属性,这点很重要,如果不指定,那么在上传完成后的处理中,除非服务端不返回数据,否则客户端就会报错。实例代码原创 2011-08-30 17:43:17 · 4203 阅读 · 1 评论 -
ExtJS4学习笔记(十五)---选项卡(tabs)
tab选项卡,是Extjs中常用的组件,tab一般依附于tabpanel,很多时候我也认为tab就是tabpanel,但在官方api中,确实有Ext.tab.Panel和Ext.tab.Tab之分,具体属性、事件、方法,请参考API,tab选项卡可以单独渲染,使用方法是:xtyp原创 2011-08-30 17:42:14 · 2093 阅读 · 1 评论 -
ExtJS4学习笔记(十一)---Grid多选/全选
上一篇文章,在Grid中加入了搜索功能,但大量数据需要删除操作的时候,总不能一条一条去删除吧,本文介绍如何在Extjs4 Grid中加入全选功能。先来张效果图:点击显示所选后:注意点:1、需要在JS文件中动态加载“'Ext.selection.Ch原创 2011-08-30 17:34:34 · 2933 阅读 · 1 评论 -
ExtJS4学习笔记(十二)---ExtJS4 EditGrid(可编辑的Grid)
上一篇文章,在Grid中加入了多选/全选功能,实际运用中,我们可能需要动态修改Grid中的数据,也就是要实现EditGrid功能。本文介绍如何实现Extjs4 EditGrid功能。先发几张效果图。看图说话,更有说服力哦。 HTML原创 2011-08-30 17:37:20 · 5427 阅读 · 1 评论 -
ExtJS4学习笔记(九)---多表头Grid
做项目的时候,有时候会遇到多表头的Grid,在EXTJS4中,多表头的实现已经很简单了,本文介绍如何实现多表头gird的功能。之前有一篇文章,讲的是如何实现Grid的分页功能(地址是:www.mhzg.net/a/20115/201151811170246.html),本文在原创 2011-08-30 17:30:43 · 1283 阅读 · 1 评论 -
ExtJS4学习笔记(七)---Grid的使用
Extjs4 Grid创建还是比较容易的,难记、难理解的地方,也就是数据的获取。下面,就创建一个最简单的Grid组件,后面,我们会逐渐丰富这个Grid的功能。HTML代码: "-//W3C//DTD XHTML 1.0 Transitional//EN"原创 2011-08-30 17:27:37 · 1428 阅读 · 1 评论 -
ExtJS4学习笔记(十九)---TreeGrid
本文介绍Extjs4 TreeGrid的使用,实例中的树实现了多表头、使用AJAX请求载入数据、排序,隐藏和显示表头等Grid中的功能。实例来自Extjs官方网站HTML代码: "tree-example">JS代码:原创 2011-08-30 17:53:03 · 3939 阅读 · 3 评论 -
ExtJS4学习笔记(十八)---带复选框的树(Checkbox tree)
实例显示了一个简单的带复选框的的树,通过返回的JSON数据来显示复选框是否是选中/不选中状态。例子中没有采用异步的方式展开节点。如果想使用异步方式加载节点,可以参考本站另一片文章来实现此功能,链接地址为:www.mhzg.net/a/20112/2011222109040.htm原创 2011-08-30 17:51:28 · 3167 阅读 · 0 评论 -
ExtJS4学习笔记(十七)---锁定表头(Locking Grid)功能
Exjts4中,我们可以实现锁定表头(Locking Grid)能。实例实现了Grid锁定表头的功能,被锁定的列是固定不动的(如果有横向滚动条的话)。被锁定的列也无法被移除。为了方便,构造了一些本地数据作为测试数据。JS代码: Ext.require([原创 2011-08-30 17:49:36 · 1902 阅读 · 1 评论 -
ExtJS4开发笔记(一)——准备工作
重写原因:由于开始准备的时候,就是按照传统开发去做的,写了一部分之后,有网友和同事提出:“为什么不用MVC模式”呢?这样的问题让我对目前传统开发的心发生了一些细微变法,对啊,为什么不用MVC模式呢?我征求了一下同事及热心网友的意见,都同意使用MVC模式开发。从而,我删掉了原来所有原创 2011-08-30 17:16:52 · 1749 阅读 · 0 评论 -
Ext js call方法
<br />call 方法 <br />请参阅 <br />应用于:Function 对象 <br />要求 <br />版本 5.5 <br />调用一个对象的一个方法,以另一个对象替换当前对象。 <br /><br />call([thisObj[,arg1[, arg2[, [,.argN]]]]]) <br />参数 <br />thisObj <br />可选项。将被用作当前对象的对象。 <br />arg1, arg2, , argN <br />可选原创 2010-12-28 11:09:00 · 1141 阅读 · 1 评论 -
ExtJs之下拉框联动
<br />在ext的世界里面,我重新感受到了在学校里玩swing的记忆.那时我们都需要为一个控件创建一个数据源,在把这个数据源绑定在控件上.ext也是如此.<br /><br />首先,两个下拉框,第一个下拉框首先load数据源,在select的事件中在load第二个数据源,这就是一个简单的二级联动的实现原理了.Js代码 // 第一个下拉框 var parentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({原创 2010-12-22 10:27:00 · 874 阅读 · 0 评论 -
弹出页面的几种方式
【1、普通的弹出窗口】 其实代码非常简单: window.open (page.html) --> 因为这是一段javascripts代码,所以它们应该放在标签和之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open (page.html) 用于控制弹出新的窗口page.html,如果page.html原创 2009-08-22 22:12:00 · 232 阅读 · 0 评论 -
JavaScript 拖放效果
拖放效果,也叫拖拽、拖动,学名Drag-and-drop ,是最常见的js特效之一。如果忽略很多细节,实现起来很简单,但往往细节才是难点所在。这个程序的原型是在做图片切割效果的时候做出来的,那时参考了好几个同类的效果,跟muxrwc和BlueDestiny学习了不少东西。虽然每次整理都觉得很好了,不过每隔一段时间又会发现得某个地方可以改善,某个地方有错误,某些需求需要实现,就像自己学习的知识那样。原创 2009-08-22 22:09:00 · 239 阅读 · 0 评论 -
JavaScript 解析html页面中的URL字符串
/// 以键值对的方式读取URL字符串/// 例如 http://192.168.1.211/JcySoft6.0_changzhi/Vacation.htm?id=1&action=add function getQueryString(key) { var value = ""; ///获取当前页面的URL原创 2009-08-22 22:54:00 · 535 阅读 · 0 评论 -
Javascript弹出对话框并跳转方法
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Data.SqlClient;public partial class Default2 : System.原创 2009-08-22 22:43:00 · 272 阅读 · 0 评论 -
JavaScript 滑动条效果
这个滑动条(拖动条)效果,一开始是参考了BlueDestiny的slider和Apple产品展示的样式,做了程序的原型。在做了拖放效果之后,我想应该可以做一个更好的了,所以重做一遍,完善和扩展了一些功能。碍于时间没有做得很强大,都是一些基本功能,希望各位多提意见!效果预览预览效果1:这个是仿Apple滑动条产品展示效果。除了原来的效果(包括点击缓动滑移、拖动滑移),我还加入原创 2009-08-20 00:47:00 · 446 阅读 · 0 评论 -
JavaScript 拖拉缩放效果
拖拉缩放效果,实现通过鼠标拖动来调整层的面积(宽高)大小。例如选框效果。这里的拖拉缩放比一般的选框复杂一点,能设置八个方位(方向)的固定触发点,能设置最小范围,最大范围和比例缩放。跟拖放效果一样,程序的原型也是在做图片切割效果的时候做出来的。但这个效果的参考少的多,基本上靠自己摸索,走了不少弯路,现在总算把自己想要的效果做出来了,程序跟上一个版本比较也已经“面目全非”,还是觉得有很多需要改原创 2009-08-20 00:46:00 · 173 阅读 · 0 评论 -
JavaScript 颜色梯度和渐变效果
关于颜色的效果一般就两个,颜色梯度变化和样式的颜色渐变,前者在ie中一般用滤镜实现。实例效果预览效果1:这是一个颜色梯度变化演示: 预览效果2:一个颜色渐变的菜单: CropperTweenSliderResizeDrag预览效果3:颜色渐变的有趣应用,点击随机颜色渐变:点击原创 2009-08-20 00:43:00 · 380 阅读 · 0 评论 -
JavaScript Tween算法及缓动效果
Flash做动画时会用到Tween类,利用它可以做很多动画效果,例如缓动、弹簧等等。我这里要教大家的是怎么利用flash的Tween类的算法,来做js的Tween算法,并利用它做一些简单的缓动效果。实例效果Tween类型: Linear Quadratic Cubic Quartic Quintic Sinusoidal Exponential Ci原创 2009-08-20 00:45:00 · 213 阅读 · 0 评论 -
JavaScript 日期联动选择器
一个日期联动选择器,年月日联动显示,准确显示日期(包括闰年日期),可自定义日期范围。效果预览:200920102011年 123456789101112月 123456789101112131415161718192021222324252627282930日 你选择的日期:2010/4/28程序说明【select】先说清空一个select,最简单的方法是把options的原创 2009-08-20 00:40:00 · 242 阅读 · 0 评论 -
js刷新页面
javascript refresh page Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(Refresh) 6 window.navigate(l原创 2009-08-15 16:21:00 · 203 阅读 · 0 评论 -
页面右下角弹出类似QQ或MSN的消息提示
以前看见了个居于AJAX的仿MSN的控件,无意间发现了这个,它的优点是在1.x也可以用,所以转过来跟大家分享下。HTML>HEAD>TITLE>网页特效观止|JsCode.CN|---页面右下角弹出类似QQ或MSN的消息提示TITLE>SCRIPT language=JavaScript> /**//**//**//* ** =========================原创 2009-07-31 23:14:00 · 364 阅读 · 0 评论 -
有关js 函数验证和字符串查找替换的方法
/******************************************* 字符串函数扩充 *******************************************//*===========================================原创 2009-07-30 15:41:00 · 353 阅读 · 0 评论