있는 jqGrid

Question

지금은 약 2 시간 동안 jqGrid에 새로운 오전 자신의 스타일 삭제 버튼, I 성공적으로 행에서 삭제 추가했다

를 사용하여. 즉

colModel: [ 

..... 

name: 'actions', index: 'actions', width: 105, editable:false, formatter: 'actions', 
formatoptions: { 
    keys: true, 
    editbutton: false, 
    delOptions: { url: getURL('Action') + 'method?f='+$('#id').val()} 
    } 

], 

일반 쓰레기통을 보여줍니다.하지만 직접 버튼을 표시 할 수 있는지 궁금합니다.

이 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_buttons 매우 유망한 보이는

,

하지만 그것은 내가 위에 붙여 넣은 코드와 함께 일하는 것이 내가 정말 C 번호로 JS의 기능으로 변경하지 않으려는 생각하지 않는다 확인하고있다.

감사합니다.

Answer 1

포맷터가 수행하는 작업은 특별한 것이 아닙니다. 열에 아이콘을 배치하고 버튼이 클릭되면 delGridRow 메서드를 호출합니다. formatoptions.delOptions 값은 delGridRow의 값으로 사용됩니다. 이 아이콘의 길이는 <span class='ui-icon ui-icon-trash'></span>입니다. 따라서 custom formatter을 사용하여 다른 아이콘을 열에 배치 할 수 있습니다. 커스텀 포매터는 셀 내용 (내용 : <td>)을 구성하는 동안 호출되는 콜백 함수 일뿐입니다. 반환 된 값은 문자열이고 HTML 조각이 포함되어 있어야합니다. jqGrid는 내용을 그리드 열에 배치합니다.

사용자 정의 아이콘으로 열을 작성하면 절반의 작업을 수행합니다. delGridRow으로 전화 하시려면 beforeSelectRow 또는 onCellSelect 콜백을 사용할 수 있습니다. jqGrid 레지스터 (전체)에 대한 하나의 이벤트 처리기이며 이벤트 버블 링으로 인해 이벤트 처리기가 호출됩니다. 따라서 e 매개 변수 beforeSelectRow 또는 onCellSelect은 실행 된 click 이벤트의 이벤트 개체입니다. 속성 e.target은 클릭 된 셀 또는 일부 하위 요소입니다. 그것은 당신이 요구할 수있는 모든 정보를 가지고 있습니다.

난 당신이 the answer 및 다른에서 the answer, this one (the demo 포함), the demo에서 자신이 위의 정보 및 데모를 기반으로 솔루션을 개발 할 수 있기를 바랍니다.