Post
Ask Question

Display Navigation Button on Top of Jqgrid

  1. jQuery("#grdNotesMaster").jqGrid({  
  2.     url: 'MasterData.aspx?MasterID=MASTER',  
  3.     datatype: 'json',  
  4.     colNames: ['TOPIC NAME', 'NOTES', 'IS ACTIVE'],  
  5.   
  6.     colModel: [{  
  7.         name: 'TOPIC_NAME',  
  8.         index: 'TOPIC_NAME',  
  9.         width: 200,  
  10.         align: "left"  
  11.     }, {  
  12.         name: 'NOTES',  
  13.         index: 'NOTES',  
  14.         width: 500,  
  15.         align: "left"  
  16.     }, {  
  17.         name: 'ACTIVE',  
  18.         index: 'ACTIVE',  
  19.         width: 100,  
  20.         align: "center"  
  21.     }  
  22.     }],  
  23.   
  24. rowNum: 20,  
  25. rowList: [50, 100, 150, 10000],  
  26. pager: '#mypager', -----(Important)  
  27. toppager: true, -------(Important)  
  28. sortorder: "desc",  
  29. viewrecords: true,  
  30. loadonce: true,  
  31. jsonReader: {  
  32.     repeatitems: false  
  33. },  
  34. autowidth: false,  
  35. caption: 'MASTER',  
  36. height: '100%',  
  37. width: '1300',  
  38. });  
  39.   
  40. jQuery("#grdNotesMaster").navGrid("#grdNotesMaster_toppager_left", {  
  41.     cloneToTop: true,  
  42.     ---(Important)  
  43.     edit: false,  
  44.     add: false,  
  45.     del: false,  
  46.     search: true,  
  47.     refresh: true  
  48. });