jqgrid 사용자 정의 inlinenav 버튼

Question

나는 gridNav와 inlineNav를 모두 가진 JQGrid를 생성하는 프로젝트를 가지고 있습니다. gridNav에는 사용자 지정 단추가 있으며 inlineNav에는 물론 인라인 기능이 있습니다.

내가 가진 질문은 inlineNav 뒤에 gridNav를 이동하거나 사용자 정의 단추를 직접 inlineNav에 추가 할 수 있습니까? 사용자 정의 단추는 응용 프로그램의 inlineNav 단추 뒤에 나타나야합니다.

어떤 생각이나 조언을 주시면 감사하겠습니다. gridNav에 대한 인라인 편집 처리기를 완전히 작성하지 않고도이 작업을 수행하기를 바라고 있습니다.

참고 : 이미 inlineNav 및 gridNav를 이동하여 inlineNav를 렌더링하지 못하도록 시도했습니다.

Answer 1

모든 버튼은 navGrid, inlineNav 또는 navButtonAdd에 의해 추가됩니다. 실제로 inlineNav은 navButtonAdd을 사용하여 단추를 탐색 모음에 추가합니다 (예 : here 참조).

jQuery.insertAfter, jQuery.after, jQuery.insertBefore, jQuery.before 등을 사용하여 탐색 막대에서 단추의 위치를 ​​변경할 수 있습니다. 탐색 막대에서 단추의 ID를 알아야합니다. navGrid의 단추 ID는 접두어 "add_", "edit_", "del_", "search_", "refresh_", "view_" 및 그리드 ID를 기반으로 작성됩니다. inlineNav의 ID는 그리드 ID와 함께 설정되며 접미사는 "_ilsave", "_ilcancel", "_iladd" 및 입니다. 코드 예는 the answer을 참조하십시오. 업데이트]

:

var $separator = $("#del_list").next("td:has(span.ui-separator)"); 

은 또한 당신이 호출기의 왼쪽 부분에 구분 기호를 검색 할 수 있습니다는 내부 <span class="ui-separator">을 가지고 삭제 버튼에서 예를 들어 검색 다음 버튼 수 탐색기 버튼 사이에 구분 기호를 찾을 수 있습니다. 호출기 <div class="pager"></div>을 사용하면 호출기는 ID가 pager_left, pager_center 및 pager_right 인 트리 부분을 갖습니다. 네비게이터는 호출기의 왼쪽 부분에 삽입됩니다. 따라서 사용할 수 있습니다

var $separator = $("#pager_left").find("td:has(span.ui-separator)"); 

구분 기호를 얻으려면. 그런 다음 다른 버튼과 같은 방법으로 분리 기호를 이동하거나 제거 할 수 있습니다. 추가 구분 기호가 필요하면 navSeparatorAdd 메서드를 사용할 수 있습니다.