jQuery Grid Plugin - jqGrid

$('#hotels').jqGrid({

      url : base_url + 'administrator/ajaxhotel',

      datatype : 'json',

      mtype : 'GET',

      colNames : ['Hotel ID' , 'Hotel Name', 'Hotel Location','Type', 'Status', 'Active', 'Date Added'],

      colModel : [

          {name: 'id', index: 'id'},

          {name: 'name', index : 'name', editable: true, editrules:{required:true, custom:true, custom_func: check_hotel_exists}, formatter: hotel_link_formatter, unformat:hotel_link_unformatter},

          {name: 'location', index:'location'},

          {name:'type', index:'type'},

          {name: 'status', index: 'status', editable:true, edittype:'select', editoptions: {value: 'normal:Normal;sold:Sold'}},

          {name: 'active', index: 'is_active', width: 100, resizable: false, editable:true, edittype:'select', editoptions:{value: '1:Active; 0:Not Active'}},

          {name: 'date_added', index: 'date_added'},

      ],

      cellEdit : true,

      cellurl : base_url + 'administrator/ajaxhoteledit',

      editurl : base_url + 'administrator/ajaxhoteledit',

      afterSaveCell : showmessagecallback,

      pager : '#pager',

      emptyrecords: 'Nothing to display',

      rowNum : 3,

      rowList : [3, 5, 7],

      sortname : 'name',

      viewrecords : true,

      caption : 'Hotel Listings',

      autowidth: true,

      multiselect : true,

      errorCell : function(){

          alert(triggered)

          $('#message').text('An error has occurred while processing your request. Please check the manual for more information');

      },

      loadError : function(xhr, st, str){alert('loadError triggered');}

   }).navGrid('#pager', {edit:false, add:false});

   $('#hotels').jqGrid('hideCol', 'id');