jquery 플러그인 autoComboBox 드롭다운 box_jquery

WBOY
풀어 주다: 2016-05-16 18:13:43
원래의
1314명이 탐색했습니다.

질문: 1. 시/도 간 드롭다운 박스 연결, 제품 카테고리 연결, 부서 연결은 어떻게 하나요? ajaxpro.dll을 사용해야 하나요? 아니면 jquery ajax를 사용해야 하나요? 🎜>아니요, 원하시는 방법으로 답변 부탁드립니다
결론: 링크된 드롭다운 박스를 만들기 위해 매번 작업을 반복하는 것은 피곤하고 죽고 싶을 정도입니다. 이 글을 읽고 나면 더 나은 방법을 찾을 수 있을지도 모릅니다!! 이를 달성하려면 (이론적으로) 무한 레벨 연결 드롭다운 상자, 아마도 10초이면 충분할 것입니다.
이렇게 연결 드롭다운 상자를 자동으로 생성하는 플러그인이 탄생했습니다...
이것은 플러그인은 jquery1.4.2의 최소 버전에 따라 다릅니다.
말도 안됩니다.
코드:


호출 방법:



코드 복사 코드는 다음과 같습니다. var data= [{ "id": 25, "text" : "화안 지점", "children": [{ "id": 26, "text": "사무실(행정 인력 교육)"}] }, { "id": 52, "text": "R&D 부서" }, { "id": 53, "text": "재무 부서"}]
$("#div_autoComboBox").AutoComboBox({
cssClass: "autoComboBox",
nullDispaly: true,
//url: "ComboBoxTreeDept_Data.aspx",
//원격 데이터를 사용하지 않는 경우 로컬 데이터 소스를 사용하고 데이터를 사용할 수 있습니다. 참고: URL이 비어 있지 않으면 원격 데이터 소스가 먼저 사용됩니다.
// ps: 데이터베이스를 한 번만 요청하면 데이터 소스가 클라이언트에 저장됩니다.
data:data,
firstValue: [true, "==Please select==", "==Please select=="] / /첫 번째 값을 자동으로 생성할지 여부는 일반적으로 이 값을 선택하세요. 대기 시간 제한은 없습니다.
});


결과: 이렇게 무한레벨(이론적) 연결 드롭다운 박스가 나옵니다.. 위 코드를 복사하고 url 매개변수를 10초간 수정하면 그렇죠? 참고: 이름을 포함한 json 형식은 직접 변환하세요. 이 소스 코드에는 이 플러그인에 대한 json만 변환하는 dll도 포함되어 있습니다.
(인용 후:
///dataset 데이터 소스
///텍스트를 표시하려면
///id를 알고 있습니다.
///부모 ID도 알고 있습니다.
///무시합니다....
string treeJson = zlddEasyUiHelp.CreateTree.DataSetToTree(ds_department, "Dept_Name", "Dept_ID", "Dept_PId",false);
)
질문: Me 사용자가 선택한 값을 얻는 방법
답: 그것은 한 줄의 코드로 수행할 수 있으며 여러 매개변수 오버로딩을 지원합니다



코드 복사 코드는 다음과 같습니다. $("#div1").ComboBoxGetValue([index],[ErrorFn])
//선택적 매개변수 설명:
//index, 첫 번째 여러 드롭의 값을 가져옵니다. 아래 상자, 기본적으로 마지막 항목(입력하지 않으면 마지막 값을 가져옵니다)
// ErrorFn, 값을 가져올 때 오류가 발생합니다. 예: 현재 성-도시 연결이라고 가정 , 세 번째 드롭다운 상자 상자(영역)를 얻고 싶지만 사용자가 도시만 선택하고 이를 얻지 못한 경우 전달된 메서드는
이라고 합니다.//콜백 메서드는 다음과 같이 작성됩니다.
var ErrorFn = function () {
Alert("wrong");
}


이거 보면 어떻게 쓰는지 아시나요??? 아시죠, 답장 부탁드립니다....
계속 "수정" 기능에 대해 이야기해 보겠습니다
예: 사용자가 방금 자신의 주소를 선택했으므로 이제 사용자가 "지구"를 선택했습니다. ", 연결 드롭다운 상자를 초기화하고 구, 시, 도에 대한 기본값을 설정해야 합니다. 값.
은 매우 간단합니다. 위 코드(아래 빨간색으로 표시된 코드)에 문장을 추가하면 자동으로 초기화됩니다. 기본값이 있는 연결 드롭다운 상자
예:



코드 복사 코드는 다음과 같습니다. $("#div_autoComboBox").AutoComboBox({
cssClass: "autoComboBox",
nullDispaly : true,
//url: "ComboBoxTreeDept_Data.aspx",
//If 원격 데이터를 사용하지 않는 경우 로컬 데이터 소스를 사용하고 위에서 정의한 데이터 변수를 사용할 수 있습니다. 참고: URL이 비어 있지 않으면 원격 데이터가 먼저 사용됩니다. 소스
// ps: 데이터베이스를 한 번만 요청합니다. , 데이터 소스는 클라이언트에 저장됩니다.
data:data,
defaultValue: 76,
firstValue: [true, "==Please select==" , "==Please select=="] //첫 번째 값을 자동으로 생성할지 여부는 일반적으로 선택하세요.
});

"수정" 기능의 탄생 배경에 대해 궁금하신 분들은 꼭 읽어보시길...
이 플러그인은 기본값을 설정할 수 없다는 것, 즉 자체적으로 설정할 수 없다고 합니다. -드롭박스를 기본값으로 초기화
그런데 미인이 "네가 하고 싶으면 내가 해줄게"라고 유혹했기 때문에...
소개는 여기까지입니다
소스코드 다운로드 /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
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿