Extjs学习笔记之二 初识Extjs之Form
Extjs中的表单组件是Ext.form.BasicForm，不过最简单最常用的是Ext.form.FormPanel控件，它继承自Panel，具有一定的界面显示控制能力，它其中包含着一个BasicForm对象，用来执行向服务器提交，加载等动作。Extjs也对常用的html表...
Extjs学习笔记之三 extjs form更多的表单项
1.日期选择框，DateField 日期选择框在日常项目中被广泛应用，一个方便的日期输入机制能够极大的提高用户体验。Extjs的DateField非常友好灵活强大。可以通过如下代码新建一个日期选择框： 复制代码 代码如下: new Ext.form...
Extjs学习笔记之四 工具栏和菜单
ToolBar的使用很简单，关键是向ToolBar上面添加内容，默认地ToolBar添加的是Button，不过实际上可以向Toolbar添加任意的组件。下面是一个例子： 复制代码 代码如下: <script type="text/javascript"> Ext.onReady(function()...
EXT中xtype的含义分析
序言
根据我在论坛上的观察，xtype用起来的时候疑惑会比较多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我决定阐述一下这个xtype的概念。
定义
xtype就是一个代表类（Class）的标识名字。
譬如，你有这个类，...
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
ExtJS中的renderTo和applyTo的差别对applyTo和renderTo的理解和思考
个人认为这两篇文章写的不够通俗。写一个简单的例子来看看最终生成了什么代码， 复制代码 代码如下: <head> <title>RenderTo and ApplyTo</title>...
jQuery DOM操作 基于命令改变页面
呃，貌似是广告哈？呵呵，不过的确是这样，jQuery为我们提供了丰富的DOM操作方法，使这些复杂的DOM操作变得简单。 继上一回写jQuery的笔记貌似已经过去很长时间了，这一节也确实有必要写一下了，呵呵，Let's Go~ 操作属性： 之前，我们说...
让多个输入框中的内容同时变化的js代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]定义和用法 onkeyup 事件会在键盘按键被松开时发生。 语法 onkeyup="SomeJavaScriptCode"参数 描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 Java...
判断iframe是否加载完成的完美方法
复制代码 代码如下:var iframe = document.createElement("iframe"); iframe.src = "http://www.jb51.net";
if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."...
IE iframe的onload方法分析小结
判断iframe是否加载完成的完美方法IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。 第二种方法比第一种方法更完美(采用readystatechange判断)，因为 readystatechange 事件相对于 load 事件...
javascript new一个对象的实质
以前这些东西自己清楚，可是却解释不出来，也没有去深究这些东西。今天在看《悟透JavaScript》的时候，看到作者的描述，“茅厕”顿开。
现摘录如下，作者说的很是清楚：
用 var anObject = new aFunction() 形式创建对象的过...
jQuery开发者都需要知道的5个小技巧
1.禁用右键菜单 复制代码 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.让字体闪烁 复制代码 代码如下: jQuery.fn.flash = function( color, du...
Extjs学习笔记之六 面版
Extjs为我们封装好了Panel，Panel具有统一的标题头，面板体，面板底部，还可以自由的添加工具栏等。另外，extjs中还有丰富的布局，可以用来布局Panel。这种方式很像Java的Swing. Panel可以嵌套，可以作为整个页面的框架，也可以作为...
Javascript 中的类和闭包
有人说javascript也是面向对象的，只是它是prototype based,当然这只是概念上的区别，我不想讨论js是不是面向对象的，关键是想说明虽然javascript的类表现得很像其他语言中的类，但是内部的实现机理确不太一致，如果一味的把ja...
IE6下JS动态设置图片src地址问题
这两天赶一个项目，要求鼠标点击小图显示大图，于是用JS来根据小图来设置大图的SRC，设计完后问题就出来了。在IE6下大图显示不出，鼠标放置在图片上右键链接地址是可以正常显示链接地址的，并且点击显示图片图片才能被正常显示...
Extjs学习笔记之七 布局
Extjs Layout Browser .Extjs3.1.0 版本支持17种，下面挑一些重要的简要的说明一下，要看效果，去上面给的链接，不再贴图了。给Panel设置Layout的方法是一样的，就是设置Panel的Layout配置项。1. AbsoluteLayout 可以通过Panel...
Extjs学习笔记之八 继承和事件基础
这里接口的意思是Observable实际上起了一个抽象类的作用，Extjs中有大量的组件都是继承自这个类的。这个类提供了一些基本的方法比如addEvents，addlistener,fireEvent等等。
本文暂时不介绍如何使用extjs的组件响应事件...
Extjs TriggerField在弹出窗口显示不出问题的解决方法
一、原因分析 this.WinData.AutoLoad.Mode = LoadMode.IFrame; WinData.AnimateTarget = "BtnEdit"; PHWin.Controls.Add(WinData); 使用PlaceHolder让窗口弹出具有动画效果
二、解决方案 this.WinData.AutoLoad.Mo...
JavaScript中的集合及效率
虽然这个集合的 key 只能是 String 类型，不像 Java 里面的各种集合类能够使用各种对象作为 Key ，但对于实现一般的客户端 JS 功能来说，已经是足够用了。同样，因为所有的 JS 内部对象都继承自 Object 对象，所以实际上 JS 的...
利用js获取服务器时间的两个简单方法
有时用js来获取服务器时间。一般会用System.DateTime
方法如下： 复制代码 代码如下: <script language="javascript"> var a = new Date() a = <%=System.DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")%>; Response...
在html页面上拖放移动标签
1、设置标签（如img, div等等）的样式：将position设置为absolute，例如： <div style="position:absolute" id="move_id" onmousedown="mousedown()" onmouseup="mouseup()"> 2、用一个临时元素来记录标签的状态 。将临时元素...
了解jQuery技巧来提高你的代码
jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难...
JavaScript 页面坐标相关知识整理
offsetTop 可以获得 HTML 元素距离上方或外层元素的位置，style.top 也是可以的，二者的区别是：
一、offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。 二、offsetTop 只读，而 style.top 可读...
Javascript UrlDecode函数代码
有时候可能会有这么一个需求,我在后台使用: 复制代码 代码如下: HttpUtility.UrlEncode(str, System.Text.Encoding.UTF8); 将Url进行编码,前台JS需要使用这段内容,这时候就需要解码了:
代码 复制代码 代码如下: /...
JQuery 遮罩层实现(mask)实现代码
其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算...
jQuery 页面 Mask实现代码
在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。复制代码 代码如下: (function($){ $.extend({ documentMask: function(options){ //...