Gmail의 '라벨'텍스트 검색 가능 확인란 목록 선택을 ASP.NET/Ajax/JQuery에서 제어 할 수 있습니까?

Question

대부분의 프로그래머는 Gmail과 상호 작용해야한다고 생각합니다. 라벨을 이메일에 연결하는 Gmail의 제어 기능은 기념비적으로 효과적인 UI 동작입니다. 동작에 익숙하지 않은 사람들을 위해

, 그것은 기본적으로 버튼 시작 팝업 패널의 포함 (UI 효과를 드롭 다운) :

1) 텍스트 입력 상자 2) 스크롤 다중 체크 박스 목록 및 3) 제출 단추.

... 모두가 깔끔하게 단단히 쌓여 있습니다. 이 패널을 사용하면 검색 상자에 입력하여 스크롤 가능한 확인란 목록의 항목을 실시간으로 제어 할 수 있습니다. 원하는 항목을 모두 선택하면 제출 단추가 서버 조치를 시작합니다.

가장 어려운 점은 텍스트 상자 컨트롤이 서버 (또는 아약스)를 칠 필요없이 스크롤 가능한 체크 상자 목록에있는 항목을 제어한다는 것입니다.

Answer 1

내가 할 수있는 것은 ASP.net 서버 컨트롤을 만들고 JavaScript로 필터링하는 것입니다. 모든 항목이 처음부터 표시되기 때문에 Ajax 호출을 할 필요가 없습니다 (자동 완성과 같지 않습니다). 그러면 제출 버튼은 평소대로 서버에 대한 일반적인 포스트 백이 될 것입니다.

실시간 자바 스크립트 필터링을 제공하려면 .Net의 데이터 바인딩 메커니즘을 따르는 servercontrol을 구현하고 데이터 소스를 수락하고 적절한 databind 메소드를 제공하는 것이 좋습니다. 전달 된 데이터를 JSON 형식으로 변환 한 다음 적절한 JavaScript 함수를 사용하여 클라이언트 측에서 쉽게로드하고 관리 할 수 ​​있다면 편리 할 것입니다.