jquery plug-in autoComboBox drop-down box

jquery plug-in autoComboBox drop-down box_jquery

WBOY

Release： 2016-05-16 18:13:43

Original

1315 people have browsed it

Question: 1. How do you do drop-down box linkage between provinces and cities, product category linkage, or department linkage? Should you use ajaxpro.dll or jquery ajax??
Answer: Yes, stay Continue reading below.
No, please reply with your method
Conclusion: Repeating the work every time to create linked drop-down boxes is tiring and makes me want to die!! After reading this article, you may be able to find a better way to achieve it. Infinite level (theoretically) linkage drop-down box, maybe only 10 seconds is enough.
In this way, a plug-in that automatically generates linkage drop-down boxes was born...
This plug-in depends on the minimum version of jquery1.4.2 Test by yourself.
No nonsense.
Code:

Calling method:

Copy code The code is as follows:

 
var data= [{ "id": 25, "text" : "Huaian Branch", "children": [{ "id": 26, "text": "Office (Administrative Personnel Training)"}] }, { "id": 52, "text": "R&D Department" }, { "id": 53, "text": "Finance Department"}] 
$("#div_autoComboBox").AutoComboBox({ 
cssClass: "autoComboBox", 
nullDispaly: true, 
//url: "ComboBoxTreeDept_Data.aspx", 
//If remote data is not used, you can use the local data source and use the data variable defined above. Note: If the url is not empty, the remote data source will be used first 
 // ps: Only request the database once, the data source will be stored on the client 
data:data, 
firstValue: [true, "==Please select==", "==Please select=="] / /Whether to automatically create the first value, this value is usually please select, no limit to wait 
}); 

Result: In this way, an infinite level (theoretical) linkage drop-down box comes out .. If you copy the above code and modify the url parameters for 10 seconds, right? Note: Regarding the json format, including the name, please convert it yourself. This source code also contains a dll that only converts json for this plug-in.
(After quotation:
///dataset data source
///To display text
///id,, you know it
///parent id, you also know it
///Ignore....
string treeJson = zlddEasyUiHelp.CreateTree.DataSetToTree(ds_department, "Dept_Name", "Dept_ID", "Dept_PId",false);
)
Ask: Me How to get the value selected by the user.?
Answer: It can be done with one line of code and supports multiple parameter overloading

Copy code The code is as follows:

 
$("#div1").ComboBoxGetValue([index],[ErrorFn]); 
//Optional parameter description: 
//index, get the first The values ​​of several drop-down boxes, the last one by default (if not filled in, the last value will be obtained) 
// ErrorFn, an error is encountered when obtaining the value, such as: assuming that it is now a province-city linkage, you want to obtain the third drop-down box box (area), but the user only selects the city, which will not be obtained, then the method passed in is called 
//The callback method is written as follows: 
var ErrorFn = function () { 
 alert("wrong"); 
} 

Do you know how to use it when you see this??? If not, you know, please reply....
Continue Let's talk about the "modify" function
For example: the user just selected his own address, so now the user needs to modify it. The user just selected "district", we need to initialize the linkage drop-down box and set the default for district, city and province. Value.
is very simple: adding a sentence to the above code (code marked in red below) will automatically initialize the linkage drop-down box with default value
Example:

Copy code The code is as follows:

 
$("#div_autoComboBox").AutoComboBox({ 
cssClass: "autoComboBox", 
nullDispaly : true, 
//url: "ComboBoxTreeDept_Data.aspx", 
//If remote data is not used, you can use the local data source and use the data variable defined above. Note: If the url is not empty, remote data will be used first. Source 
 // ps: Only request the database once, the data source will be stored on the client 
data:data, 
defaultValue: 76, 
firstValue: [true, "==Please select==" , "==Please select=="] //Whether to automatically create the first value. This value is usually Please select, no limit. 
}); 

"수정" 기능의 탄생 배경에 대해 궁금하신 분들은 꼭 읽어보시길...
이 플러그인은 기본값을 설정할 수 없다는 것, 즉 자체적으로 설정할 수 없다고 합니다. -드롭박스를 기본값으로 초기화
그런데 미인이 "네가 하고 싶으면 내가 해줄게"라고 유혹했기 때문에...
소개는 여기까지입니다
소스코드 다운로드 /201012/yuanma/AutoComboBoxs.rar(업데이트)

(소스코드에는 플러그인 소스코드만 포함되어 있습니다) , json 형식 문자열을 변환하는 dll)
2011년 1월 4일 17:12:39 업데이트

버전 v1.1

콘텐츠 업데이트

알려진 일부 수정 버그 (서브클래스에 "선택해주세요" 등의 최상위 옵션이 없으면 세 번째 레벨 생성 불가) )

선택한 아이템 객체를 획득하는 메소드 추가

성능 최적화

원문: http://www.cnblogs.com/337212522/archive/2010/12/21/1912381.html