extjs教程之form表單

2021-08-25 14:55:58 字數 1472 閱讀 2547

csdn-link:

一:頁面(jsp)匯入extjs引用檔案

js/ext-3.3.0/resources/css/ext-all.css">

一般來說extjs的頁面很少都很多亂七八糟的**,要是完全基於ext的話可以不放置或者少量的div就行

二:form.js:

下面解析下proxy,store,reader三個extjs對內容的處理的類:

a proxy是訪問網路資源的**,可以通過它向伺服器發起請求,返回需要的資料

b reader 根據發揮的json資料格式 和reader的設定格式匹配,讀取資料

c store 資料的內容儲存.

簡單的來說,store 利用proxy去伺服器讀取資料,利用reader解析返回的資料 並儲存在store中.其實exts已經起我們實現了幾個常用的類.jsonstore,arraystore,httpproxy,jsonreader等。可以直接利用

這樣乙個表單的的展示和表單驗證到表單json格式就提交到了後台,後台利用jsonlib可以直接轉化為物件.然後繼續自己的業務就行.

常用的表單驗證用vtype:

1.alpha //只能輸入字母,無法輸入其他(如數字,特殊符號等)

2.alphanum//只能輸入字母和數字,無法輸入其他

3.email//email驗證,要求的格式是"[email protected]"

4.url//url格式驗證,要求的格式是

高階自定義表單驗證

然後在需要比較的第二次輸入的密碼那 加上 confirmto:'id_user_pass',

表單元素到json格式的組裝:這個自己編寫**實現,做成乙個工具 .例如上例中的form2json.

表單的提交方式和對返回的處理。見上例

這樣乙個extjs表單就結束了..

extjs教程之form表單

一 頁面 jsp 匯入extjs引用檔案 js ext 3.3.0 resources css ext all.css 一般來說extjs的頁面很少都很多亂七八糟的 要是完全基於ext的話可以不放置或者少量的div就行 二 form.js 下面解析下proxy,store,reader三個extjs...

Extjs學習總結之15表單面板formpanel

做web應用,表單是經常要看到吧,表單如何繪製,表單的資料如何提交的這些問題,我們看extjs如何解決?我們建立乙個典型的使用者註冊的表單,然後建立servlet,與前台做一下簡單的資料互動。form.js ext.onready function title 歡迎登入 表單面板的標題 width ...

ExtJs教程 設定表單控制項的唯讀

1.setdisabled ext.componentquery.query name 0 setdisabled true ext.componentquery.query name 0 setdisabled false 注意 當給某乙個控制項設定disabled為true,使用form.sub...