If you use the css from src directory you will need to include the jquery.searchFilter.css too.

See this:

http://www.trirand.com/jqgridw.....stallation

Regards

Tony

I would like to use the multisearch facility but when I click on the search button, the search form appears above the grid but the search form is disabled and so is the whole grid, everything is dimmed out.

Can you help please.

This is my code:

<script type="text/javascript">

    $(function() {

        jQuery("#list").jqGrid({
            url: '/Admin/Stock/GetListData/',
            datatype: 'json',
            mtype: 'GET',
            colNames: ['Primary Image', 'Id', 'Artist ID',
                    'MediumID', 'SourceID', 'StockOwnerID', 'ClientID',
                    'Artist', 'Description', 'Medium', 'Source', 'StockOwner', 'Client', 'Stock No.', 'PO No.', 'Size', 'Sold',
                    'Signed', 'Location', 'DateAcquired', 'ArtistName', 'ArtistDates', 'ArtistBiography'
                ],
            colModel: [
                  { name: 'jqPrimaryImage', hidden: false, index: 'jqPrimaryImage', align: 'center' },
                  { name: 'Id', hidden: true, index: 'Id', width: 40, align: 'left' },
                  { name: 'ArtistID', hidden: true, index: 'ArtistID', width: 40, align: 'left' },

                  { name: 'MediumID', hidden: true, index: 'MediumID', width: 40, align: 'left' },
                  { name: 'SourceID', hidden: true, index: 'SourceID', width: 40, align: 'left' },
                  { name: 'StockOwnerID', hidden: true, index: 'StockOwnerID', width: 40, align: 'left' },
                  { name: 'ClientID', hidden: true, index: 'ClientID', width: 40, align: 'left' },

                  { name: 'ArtistProperName', searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'] }, hidden: false, index: 'ArtistProperName', width: 40, align: 'left' },
                  { name: 'Description', searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'] }, hidden: false, index: 'Description', width: 70, align: 'left' },
                  { name: 'Medium', hidden: true, index: 'Medium', width: 40, align: 'left' },
                  { name: 'Source', hidden: true, index: 'Source', width: 60, align: 'left' },
                  { name: 'StockOwner', hidden: true, index: 'StockOwner', width: 60, align: 'left' },
                  { name: 'Client', hidden: false, index: 'Client', width: 60, align: 'left' },
                  { name: 'StockNumber', hidden: false, index: 'StockNumber', width: 30, align: 'left' },
                  { name: 'PONumber', hidden: false, index: 'PONumber', width: 30, align: 'left' },
                  { name: 'Size', hidden: false, index: 'Size', width: 40, align: 'left' },
                  { name: 'Sold', formatter: 'checkbox', index: 'Sold', width: 35, align: 'center' },
                  { name: 'Signed', formatter: 'checkbox', index: 'Signed', width: 35, align: 'center' },
                  { name: 'Location', hidden: false, index: 'Location', width: 40, align: 'left' },
                  { name: 'DateAcquired', hidden: true, index: 'DateAcquired', width: 40, align: 'left' },
                  { name: 'ArtistName', hidden: true, index: 'ArtistName', width: 40, align: 'left' },
                  { name: 'ArtistDates', hidden: true, index: 'ArtistDates', width: 40, align: 'left' },
                  { name: 'ArtistBiography', hidden: true, index: 'ArtistBiography', width: 40, align: 'left' }
                ],
            autowidth: true,
            pager: "#pager",
            rowNum: 20,
            rowList: [5, 10, 20, 50],
            sortname: 'ArtistName',
            sortorder: "asc",
            viewrecords: true,
            imgpath: '/scripts/themes/ui-darkness/images',
            caption: "Stock",
            sopt: ['cn', 'bw', 'eq', 'ne', 'lt', 'gt', 'ew'],
            viewsortcols: true
        }).navGrid("#pager", { refresh: true, edit: false, add: false, del: false, search: true },
        {}, // edit options
        {}, // add options
        {}, //del options
        {multipleSearch: true} // search options 
        );
    });

</script>