ExtJs 實現表單聯動

2022-04-11 00:10:20 字數 962 閱讀 8852

最近做的專案使用extjs。遇到表單聯動的業務。下面來說說主要實現思想:

說明:表單聯動一般存在從屬關係,有大範圍的物件和大範圍中的小物件。比如地理位置的選定(例:浙江省-杭州市-某某縣)。在這裡,我將大範圍的物件稱為包含物件,大範圍中的小物件稱為被包含物件。

表單聯動針對combobox(組合框)。在實現時,將包含物件傳入被包含物件中,在後台查詢被包含物件時,使用傳入的包含物件的某個值(一般為被包含物件的外來鍵)作為condition,查詢與其相關的被包含物件。實現指定的被包含物件查詢。

還有一點注意的是:在將大範圍物件傳入小物件後,使用js的監聽機制,監聽當小物件(組合框)要expand(展開)時,載入與其大範圍物件相關的所有小物件。這裡通過乙個大範圍物件的某個引數作為查詢小物件的條件。兩個物件一般存在外來鍵關聯的關係。

例項化表單的**

var chejianobject = new chejianbox("所屬車間","chejianid"); //例項化車間

var banzuobject = new banzubox("班組","emp.banzuid",chejianobject); //例項化班組

banzuobject.on('expand', function(combobox)

});});

定義表單的**

//班組定義

banzubox = ext.extend(ext.form.combobox,

});});

banzubox.superclass.constructor.call(this,);

}});//車間定義

chejianbox = ext.extend(ext.form.combobox,);

chejianbox.superclass.constructor.call(this,);

}});

ExtJs表單驗證

一 基本驗證方式,使用vtype屬性。1.alpha只能輸入字母,無法輸入其他 如數字,特殊符號等 2.alphanum只能輸入字母和數字,無法輸入其他 3.email驗證,要求的格式是jelly 8090 sina.com 4.url格式驗證,要求的格式是 二 其他方式驗證。1.驗證最大最小輸入字...

form表單select聯動

select物件的常用屬性 options 返回所有 option 組成的乙個陣列 name 名稱 value option 的value 的值length 設定或讀取 option 的個數selectedindex 當前選中的 option 的索引號 option物件的常用屬性 text 指 中的...

extJs之下拉框聯動

在ext的世界裡面,我重新感受到了在學校裡玩swing的記憶.那時我們都需要為乙個控制項建立乙個資料來源,在把這個資料來源繫結在控制項上.ext也是如此.首先,兩個下拉框,第乙個下拉框首先load資料來源,在select的事件中在load第二個資料來源,這就是乙個簡單的二級聯動的實現原理了.第乙個下...