手把手教你ExtJS從入門到放棄——篇二十五(示例22:Ext.dom.Element方法addKeyMap,addKeyListener,on,focus,oad,serializeForm)
下面一一講解
1.addKeyMap:inp是輸入框的id,只有焦點在輸入框裡輸入對應按鍵組合才能觸發事件
2.addKeyListener
3.on與un,如下點選輸入框時彈出執行了...,un是移除某時間,下面就是點選後的事件被移除了
4.focus,如下就是頁面載入後獲取焦點在inp輸入框中
效果如下
5.center 居中顯示
6.loader:現在只簡單的講下,下面為獲取目標頁面中物件的name屬性,在輸入框載入完成時將name渲染到其value
aaa.jsp
7.還有些漸變效果的方法
8.mask與unmask遮罩與移除遮罩
效果如下
也可以利用
8.serializeForm //以後可能會常用到
效果如下
9.unselectable:不能輸入
除了這幾個常用的還可以新增很多事件方法,具體情況自己參考API
相關推薦
手把手教你ExtJS從入門到放棄——篇二十五(示例22:Ext.dom.Element方法addKeyMap,addKeyListener,on,focus,oad,serializeForm)
下面一一講解 1.addKeyMap:inp是輸入框的id,只有焦點在輸入框裡輸入對應按鍵組合才能觸發事件 2.addKeyListener 3.on與un,如下點選輸入框時彈出執行了...,un是移除某時間,下面就是點選後的事件被移
手把手教你ExtJS從入門到放棄——篇二十四(示例21:Ext.dom.Element類中操作樣式方法詳解)
只挑幾個講解: applyStyle:引數可以是如下形式,也可以是物件形式:物件的屬性為樣式如{width:300px},或者是個方法,返回值形式為 前面兩種 setStyle:跟jquery裡的css方法一樣,第一個引數是樣式屬性的key,第二個是值
手把手教你ExtJS從入門到放棄——篇六(示例2:window中新增子元件)
例2: 在window中新增子元件,並講解常用查詢元件的方式: 重點分析:該例項主要針對於元件的查詢進行詳細的講解,在以後的應用開發中,同學們應該學會各種方式去查詢所需要的元件,不要拘泥於某種特定形式,這樣會給開發思路帶來很多好處。 -------------------- 具體
手把手教你ExtJS從入門到放棄——篇五(示例1:點選按鈕開啟一個自定義視窗)
例1:點選按鈕開啟一個window,window重複建立的問題 重點分析:這個問題是初學者經常會犯錯的地方,一般來說簡單的程式碼不會產生此問題,但是如果以後程式碼複雜以後,這個問題如果發生除錯起來會非常麻煩!! 不多說,JSP部分程式碼如下 003wind
手把手教你ExtJS從入門到放棄——篇四(Ext.window元件API詳細講解及demo演示)
1.開啟API找到Ext--》window --》window 2.灰色齒輪代表是個元件,xtype是別名,就像前面MessageBox的別名是Msg一樣,使用別名是一樣的效果,點進原始碼可以看到是進行了引用的賦值 3.第一個元件:Ext.window.Windo
手把手教你ExtJS從入門到放棄——篇三(Ext.MessageBox工具類常用方法講解)
Ext.MessageBox是一個工具類,提供了各種風格的資訊提示對話方塊,也可以簡寫為Ext.Msg,這在Ext中很常見,很多元件或類都可以使用簡寫形式。 alert方法 confirm方法 prompt方法 wait方法 及自定義提示框show方法 學習意見:學習ExtJS是一個長期積累
手把手教你ExtJS從入門到放棄——篇二(ExtJS程式碼編寫環境搭建,程式碼提示設定及helloworld彈框demo編寫)
使用的myeclipse,別問我為什麼,公司專案大家都用的myeclipse,正好視訊課程也是用myeclipse 軟體準備 分享資源(連結在篇一)裡都有,API也有,不想看視訊的看下面 java開發IDE:myeclipse10 http://www.myeclipseid
手把手教你ExtJS從入門到放棄——篇一 (學習資源獲取及姐介紹)
上一家公司欠六個億涼了,剛進新的公司不久,經理說不久後有關於ExtJS的介面需要修改,於是找到資料開始學 老慣例,免費分享一波學習資源(吐槽下:那些分享資源要C幣的小夥子,每次浪費我時間去淘寶買) 連結:https://pan.baidu.com/s/1KBKVd7d7
手把手教你ExtJS從入門到放棄——篇9(示例6:windowGroup物件操作window組)
windowGroup物件 操作window組 重點分析:該例項主要目的針對於特殊需求進行具體的實現,利用windowGroup去操作多個窗體同步執行某些任務,這有點類似於javascript裡的組合模式,原理就是上級負責執行一個動作但並不真正去執行,而是分別傳遞給所有的下級元件
手把手教你ExtJS從入門到放棄——篇十八(示例15:Ext.Object的方法講解,chain,each,fromQueryString,getKey,getKeys,getSize等...)
開啟API,可以看到如下,si'ngleton :單例,下面十個方法開發中都常用,下面將一一用程式碼講解 1.chain( Object object ) 使用給定物件作為原生鏈返回一個新物件。 ... 原型物件:主要作用就是給物件原型新增新的屬
手把手教你ExtJS從入門到放棄——篇二十三(示例20:Ext.dom.Element類中常用增刪改查方法詳解)
方法多多,就講部分常用的 查詢系: onReady就不寫了,上核心程式碼 contains:引數可以傳id或者元素 、 child:返回該元素的子元素 down(選擇器):根據選擇器獲取該元素下層內層元素(常用) first:獲取第一個子元素
手把手教你ExtJS從入門到放棄——篇二十二(示例19:Ext獲取頁面元素方法總結)
總結:獲取頻繁操作的物件用get最好,會從快取裡取。 fly方法使用享元模式,操作一個元素時可用,dom元素一般都可以用 看了上面的內容,你可能還不怎麼懂,上JS程式碼(引數傳的是id) 1.get(利用了快取) 2.fly方法:使用了享元模式,當前物件儲存的永遠是
手把手教你ExtJS從入門到放棄——篇十九(示例16:Ext.Number與Ext.String的常用方法講解)
開啟API發現Number類就6個方法,開啟 String類有17個方法 其實開啟API就成功了百分之八十,不懂的方法查API百度搞懂就好,沒必要死記,多練就熟悉了 下面Number類全講,String類挑幾個方法講解 較簡單,這裡就不上程
手把手教你ExtJS從入門到放棄——篇十七(示例14: Ext.js方法詳解之typeOf、isEmpty、isIterable、isFunction、isArray... Iterate)
ExtJS底層就是JS不要想得很難,如果根據需求可以適當看看原始碼,這裡我就不帶著看了 typeOf 返回物件的型別,如下猜猜結果 是string,number哦 isEmpty、isIterable、isFunction、isArray學過JS的這幾個方法就不用多講了 分
教你ExtJS從入門到放棄——篇二十六(示例23:DomHelper具類的方法:createHtml,createDom,append,insertHTML,overwrite,applyStyle)
為什麼要學這個工具類 說到這幾個方法之前,首先看看當引數為obj時,obj由哪些部分組成, tag:標籤名,比如input,div,ol,tr等等, children或者cn:子元素陣列,子元素也可以是obj或者單純的字串等 cls:樣式可以是字串或者物件形式
【AI實戰】手把手教你文字識別(檢測篇二:AdvancedEAST、PixelLink方法)
自然場景下的文字檢測是深度學習的重要應用,在之前的文章中已經介紹過了在簡單場景、複雜場景下的文字檢測方法,包括MSE
手把手教你架構3D引擎高階篇系列八
本篇部落格是給讀者介紹引擎底層如何與Lua進行結合,方便開發者直接使用指令碼程式設計,給讀者介紹的是最基本的C++與Lua的互動,引擎的封裝會在下篇部落格中具體講解。 為什麼選擇Lua,通常開發者會使用Json,XML,txt等等。相比Lua有哪些優點呢? a、除了Lua庫,在沒有使用其
手把手教你架構3D引擎高階篇系列七
本篇部落格主要是介紹關於委託的封裝,本篇部落格需要讀者掌握如下幾個技術點: 學習技術文章方法很重要,任何人都有自己不懂的地方,我們在學習時,遇到不懂的,可以查閱網路資源或者書籍,這樣通過不停的迭代學習,你才能不斷的進步,最後成為技術達人,引擎模組的封裝,也不是一朝一夕就能搞定的事情,量的
手把手教你架構3D引擎高階篇系列六
前面給讀者介紹了雜湊表的封裝,其實我們實現的是資料結構演算法,只是把基本的資料結構演算法進行了一個適合引擎的封裝。引擎中使用了大量的數學知識,下面我們開始封裝向量,矩陣運算。C++為我們提供了Vector3和Matrix的封裝,但是引擎在這塊為了擴充套件方便還是需要自己封裝的,比如Ogr
手把手教你架構3D引擎高階篇系列五
記憶體管理給讀者介紹完了,其實我們只是簡單的用了一個HashTable雜湊表對資源做了一個統一管理,雜湊表有自己的封裝,因為我們是自己寫引擎,在此我們自己實現了一遍,自己封裝的優點是便於控制,缺點是要優化好效率問題。我們的Hash表採用了迭代器,由於該類程式碼量比較大,在此只把關鍵的幾個