2013-06-12 2 views
0

태그를 생성하고 편집하기 위해 태그 지정 모드에서 select2를 사용하고 있습니다. 페이지가로드 될 때와 태그가 나타날 때 사이에 지연이 있다는 성가신 행동이 있습니다. 태그가 두 줄로 튀어 나올 수 있기 때문에 태그가 표시된 후에 태그 상자 아래의 내용이 푸시 다운되면 전체 페이지가 다시 조정됩니다.사전 렌더링 된 HTML로 select2 사용하기

지연은 input HTML 태그를 각 태그의 필수 HTML 요소로 변환하는 select2로 인해 발생합니다.

select2가 태그에 대한 HTML을 생성하지 않고 대신 서버 측에서 생성하고 원본 페이지로드에 포함 된 경우 지연이 방지 될 수 있습니다. 그러면 태그 필드 아래의 요소 위치는 절대로 변경되지 않습니다.

select2 자체를 첨부하는 방법이 있습니까? 사전 렌더링 된 HTML? HTML 자체를 만드는 대신

누구든지 이것을 지원하는 태그 필드 구성 요소를 알고 있습니까? 필자가 보았던 모든 구성 요소는 입력 태그로 시작한 다음 Javascript를 사용하여 HTML을 동적으로 생성합니다.

답변

2

나는 만족스러운 답변을 찾을 수 없습니다, 그래서 내 사용 사례에 대해 구체적으로 jQuery 플러그인을 만들어 : 그것은 서버의 제어를위한 HTML을 렌더링하는 레일 도우미를 가지고 https://github.com/k1w1/rendered-multi-select

, 다음 자바 스크립트 이벤트가 부착 페이지가로드 될 때 이로 인해 더 빠르고 깜박 거리는 무료 로딩이 가능합니다.