corb on search box UI

Tue, 24 Nov 2009 11:42:49 +0200

Is there a way to set the button in the search UI to a custom css class? I've seen the buttonclass property, but I don't think that applies to the basic search ui. I have other buttons on my page and would like for them to match what's in my grid and viceversa. Is there a way to do this? What I have doesn't seem to do the job.

$("#tblFiles").jqGrid({
            url:'/processors/?fx=gt',
            datatype: "json",
            colNames:['Name', 'Type', 'Expires','Notes'],
            colModel:[ {name:'Name',index:'Name', width:125, sortable:true, searchoptions: {buttonclass:'button small', sopt:["eq", "bw", "cn", "ew"]}},
                       {name:'Type',index:'Type', width:30, align:"center", sortable:false, formatter:typeFormatter, search: false},
                       {name:'ExpDate',index:'ExpDate', width:40, align:"center", sortable:true, search: false},
                       {name:'Notes',index:'Notes', width:200, sortable:true, search: false}],
            rowNum:10,
            scrollOffset: 0,
            multiselect: true,
            hidegrid: false,
            altRows: false,
            autowidth: true,
            pager: $('#filePager'),
            sortname: 'ExpDate',
            viewrecords: true,
            emptyrecord: "You have no files available.",
            sortorder: "asc",
            caption:"My Files",
            height: gridHeight,
            pginput: true
      });
      $('#tblFiles').jqGrid('navGrid','#filePager',{edit:false,add:false,del:false,search:true});

jQuery Grid Plugin - jqGrid - Topic: search box UI

corb on search box UI