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){ //...