'JavaScript&Platform/jqGrid'에 해당되는 글 3건

  1. 2012.11.19 [Jqgrid] 멀티헤더 설정
  2. 2012.11.19 [Jqgrid] 하단 버튼 사용자 지정 하기
  3. 2012.11.19 [jqGrid]custom button 을 만들자
JavaScript&Platform/jqGrid2012. 11. 19. 17:10

 // Multi Header
 jQuery("#list1").jqGrid('setGroupHeaders', {
   useColSpanStyle: false,
   groupHeaders:[
  {startColumnName: 'COL1', numberOfColumns: 3, titleText: '<em>헤더1</em>'},
  {startColumnName: 'COL4', numberOfColumns: 4, titleText: '<em>헤더2</em>'}
   ]
 });

 

'JavaScript&Platform > jqGrid' 카테고리의 다른 글

[Jqgrid] 하단 버튼 사용자 지정 하기  (0) 2012.11.19
[jqGrid]custom button 을 만들자  (0) 2012.11.19
Posted by 비니미니파파
JavaScript&Platform/jqGrid2012. 11. 19. 13:24

 //Pager
 jQuery("#list1").jqGrid('navGrid','#pager1',
  {edit:false,add:false,del:false,search:false,refresh:false}
 )
 //Custom buttons
 .navButtonAdd('#pager1',{
  caption:"",
  title:"Search",
  buttonicon:"ui-icon-search",
  onClickButton: function(){
   $('#searchBox').show();
   $('#searchBox').draggable();
  },
  position:"last"
  })
 .navButtonAdd('#pager1',{
  caption:"",
  title:"Refresh",
  buttonicon:"ui-icon-refresh",
  onClickButton: function(){
   jQuery("#list1").jqGrid('setGridParam',{url:"testlist.php",page:1}).trigger("reloadGrid");
  },
  position:"last"
  });
});

'JavaScript&Platform > jqGrid' 카테고리의 다른 글

[Jqgrid] 멀티헤더 설정  (0) 2012.11.19
[jqGrid]custom button 을 만들자  (0) 2012.11.19
Posted by 비니미니파파
JavaScript&Platform/jqGrid2012. 11. 19. 11:46

  colModel:[
   --- 생략  --
    {name:'IDX', index:'IDX', width:80, align:"center", formatter: delButton }
  ],

 // 버튼 생성
 function delButton (cellvalue, options, rowObject) {
   return '<input type="button" onclick="delete('+cellvalue+')" value="DEL"/>';
 };

Jqgrid 는 컬럼에 값이 있어야 내용이 나타난다. 컬럼 빈값으로 버튼을 아무리 정의해도 나타나질 않는다.

삽질 하지 말자.

'JavaScript&Platform > jqGrid' 카테고리의 다른 글

[Jqgrid] 멀티헤더 설정  (0) 2012.11.19
[Jqgrid] 하단 버튼 사용자 지정 하기  (0) 2012.11.19
Posted by 비니미니파파