JQuery를 사용하여 JQGrid에 두 번째 툴바 추가하기

Question

두 번째 툴바를 JQueryUI의 기존 JQGrid에 추가 할 수있는 방법이 있습니까?

Answer 1

toolbar: [true, "bottom"] 옵션을 jqGrid 옵션을 사용하여 그리드 하단에 추가 도구 모음을 추가 할 수 있습니다. 그리드의 ID는 't_' 접두사와 그리드 ID로 구성됩니다. 모든 정보를 수동으로 그리드에 추가 할 수 있습니다. 예를 들어 다음 코드는 간단 jQuery UI Button 추가

$('<div><span id="myToolbar" style="float: right;"></span></div>').appendTo("#t_" + $grid[0].id); 
$('<button>', {title: 'Click me!'}).css({ 
    float: "right", 
    height: "21px", 
    width: "20px" 
}).appendTo("#myToolbar").button({ 
      icons: { 
       primary: "ui-icon-gear" 
      }, 
      text: false 
     }).click(function (e) { 
      alert('My button was clicked'); 
     }); 

당신이 결과 the demo에 볼 수 있습니다 ("! 저를 클릭"나는 툴팁을 표시합니다 버튼 위에 커서를 위치)

가