옵션을 선택하기위한 웹 팝업 만들기

Question

웹 페이지의 성능 문제를 해결하기위한 "모범 사례"또는 경험적 방법을 찾고 있습니다.

기본적으로 최대 10,000 개의 선택 항목이있는 드롭 다운 메뉴가 있으며 각 태그에 있습니다. 그래서 DOM 모델에는 수천 개의 노드가 추가되었습니다. 나는 이것이로드 된 후에 문서를 파싱하는 자바 스크립트의 속도를 늦추고 있지만 초기 페이지로드를 느리게하여 모든 데이터를 빠져 나간다고 생각한다.

나는 그 드롭 다운을 페이지에서 완전히 들여다보고 싶다. 그래서 콤보 박스 스타일 컨트롤 대신에 픽리스트를 포함 할 모달 팝업으로 연결될 것이다. 클라이언트에 이러한 팝업을 미리로드하고 캐싱하면 초기 페이지를로드하는 속도가 느려지고 기존 스크립트 성능이 향상 될 수 있도록 DOM에서 10,000 개를 모두 확보 할 수 있다고 생각합니다.

내 웹 개발 경험이 제한되어 있기 때문에 최선의 방법이 초기 접근법을 위해 페이지/제어/서비스/기타 등을 만드는 것이 확실하지 않습니다. 올바른 접근법을 사용하고 있다고 확신하면 세부 사항을 파악할 수 있어야합니다.

Answer 1

드롭 다운 선택이 자주 또는 정적으로 변경됩니까? 정적 인 경우 VB 코드 뒤에 enum으로 목록을 유지하고 드롭 다운에서 데이터 소스로 열거 형을 사용할 수 있습니다.

동적 인 경우 사용자가 일반 항목에서 특정 항목으로 "드릴 다운"할 수있는 작은 덩어리로 가능하면 목록을 깨뜨릴 수 있습니다. Mammals 말, 당신은 좀 더 구체적인 부분 집합에 대한 데이터베이스를 때렸어, 위의 중 하나를 선택하면

Mammals 
Reptiles 
Amphibians 

:이 드롭 다운 동물의 유형을 나열하는 경우 예를 들어, 초기의 드롭 다운 부분 집합이있을 수 있습니다

을

Apes 
Marsupials 

마지막으로 가장 구체적인 부분 집합, 그들이 선택하는 경우 Apes :

Baboon 
Chimpanzee 
Human 
Orangutan 

목록이이 방법으로 분류 할 수없는 경우, t 암탉 나는 Google 즉시 작풍 자동 완성 기능을 실행하는 것을 시도 할 것입니다. jQuery에서 읽으면이 목적에 부합하는 자동 완성 컨트롤이 있습니다. 사용자가 입력 할 때 쿼리 할 수 ​​있도록 데이터베이스에 연결할 수 있어야 결과를 줄일 수 있습니다.