快捷導航

jquery插件 autoComboBox 下拉框

更新時間：2010年12月22日 15:07:12 作者：

大家在做省市區(qū)下拉框聯(lián)動,或者是產(chǎn)品分類聯(lián)動,或者是部門聯(lián)動等下拉框時怎么做? 是用ajaxpro.dll 還是jquery ajax呢

問: 1.大家在做省市區(qū)下拉框聯(lián)動,或者是產(chǎn)品分類聯(lián)動,或者是部門聯(lián)動等下拉框時怎么做? 是用ajaxpro.dll 還是jquery ajax呢??
答: 是,留下繼續(xù)閱讀.
否,跟帖回復你的方法
結(jié)論:每次重復勞動重復創(chuàng)造聯(lián)動的下拉框, 累,想死!! 讀完本文您也許可以找到更好的方法來實現(xiàn) 無限級(理論) 的聯(lián)動下拉框,也許只要10秒鐘就夠了.
就這樣,一個自動產(chǎn)生聯(lián)動下拉框的插件誕生了...
本插件依賴于jquery1.4.2 最低版本自行測試.
廢話完畢.
代碼:
<div class="zldd-AutoComboBox" id="div_autoComboBox">
</div>
　　調(diào)用方法:

復制代碼代碼如下:

 
var data= [{ "id": 25, "text": "淮安分公司", "children": [{ "id": 26, "text": "辦公室（行政人事培訓）"}] }, { "id": 52, "text": "研發(fā)部" }, { "id": 53, "text": "財務(wù)部"}] 
$("#div_autoComboBox").AutoComboBox({ 
cssClass: "autoComboBox", 
nullDispaly: true, 
//url: "ComboBoxTreeDept_Data.aspx", 
//如果沒有使用遠程數(shù)據(jù) 則可以使用本地數(shù)據(jù)源 使用上面定義的data變量 注:如果url不為空時 優(yōu)先使用遠程數(shù)據(jù)源 
// ps:只請求一次數(shù)據(jù)庫,數(shù)據(jù)源將存放在客戶端 
data:data, 
firstValue: [true, "==請選擇==", "==請選擇=="] //是否自動創(chuàng)建第一個值 這個值通常為 請選擇 ,不限等 
}); 

結(jié)果: 這樣就一個無限級(理論) 的聯(lián)動下拉框就出來了.. 如果你拷貝一下以上代碼,修改一下url參數(shù) 10秒鐘夠了吧??? 注:關(guān)于json格式,包括名稱,請自行轉(zhuǎn)換,本源碼也包含一個只針對本插件轉(zhuǎn)換json的一個dll.
(引用后:
///dataset 數(shù)據(jù)源
///要顯示text
///id,, 你懂的
///父id, 你也懂的
///忽略....
string treeJson = zlddEasyUiHelp.CreateTree.DataSetToTree(ds_department, "Dept_Name", "Dept_ID", "Dept_PId",false);
)
問:我怎么獲取用戶選擇的值.?
答: 一句代碼搞定,并支持多個參數(shù)重載

復制代碼代碼如下:

 
$("#div1").ComboBoxGetValue([index],[ErrorFn]); 
//可選參數(shù)說明: 
//index,獲取第幾個下拉框的值,默認最后一個(如果不填寫也是獲取最后一個值) 
// ErrorFn,獲取值時遇到錯誤 如:假設(shè)現(xiàn)在是省市區(qū)聯(lián)動,您要獲取第三個下拉框(區(qū)),但是用戶只選擇到了市,這將會獲取不到,那么將調(diào)用傳遞進去的方法 
//該回調(diào)方法寫法如下: 
var ErrorFn = function () { 
alert("錯誤了"); 
} 

看到此處您是否會用了???如果不會,你懂的,回帖....
接下來說下"修改"功能
如:剛才用戶選擇了自己的地址, 那么現(xiàn)在用戶需要修改,用戶剛才選擇到了"區(qū)",我們要初始化聯(lián)動下拉框并且要設(shè)置區(qū),市,省的默認值.
很簡單: 在上面的代碼加一句話(下方紅色標注的代碼)就會自動初始化帶默認值的聯(lián)動下拉框
例:

復制代碼代碼如下:

 
$("#div_autoComboBox").AutoComboBox({ 
cssClass: "autoComboBox", 
nullDispaly: true, 
//url: "ComboBoxTreeDept_Data.aspx", 
//如果沒有使用遠程數(shù)據(jù) 則可以使用本地數(shù)據(jù)源 使用上面定義的data變量 注:如果url不為空時 優(yōu)先使用遠程數(shù)據(jù)源 
// ps:只請求一次數(shù)據(jù)庫,數(shù)據(jù)源將存放在客戶端 
data:data, 
defaultValue: 76, 
firstValue: [true, "==請選擇==", "==請選擇=="] //是否自動創(chuàng)建第一個值 這個值通常為 請選擇 ,不限等 
}); 

關(guān)于"修改"功能的誕生背景,有興趣的看...
話說本插件是不可以設(shè)置默認值的,也就是不能自初始化帶默認值的下拉框
但是,由于一個美女誘惑我,說"你要弄出來,我就干嘛嘛",,具體干嘛,各位懂的....
到此介紹完畢
源碼下載,/201012/yuanma/AutoComboBoxs.rar(已更新)

(源碼只包括插件源碼,轉(zhuǎn)換json格式字符串的dll)
2011年1月4日17:12:39更新

版本 v1.1

更新內(nèi)容

修復部分已知bug(如果子類沒有頂級選項如"請選擇" 造成第三級無法創(chuàng)建的問題)

增加獲取選定項對象的方法

性能的優(yōu)化

原文: http://www.cnblogs.com/337212522/archive/2010/12/21/1912381.html

您可能感興趣的文章: