I'm starting to believe this functionality is smoke and mirrors for demo only.

I have been trying to get the complex search functionality to work on my project but the multipleGroup option just doesn't work. I can see the "Add Rule" button, but no matter how I set up my grid the "Add Group" option on the Complex Search form just won't show up.

This is my code for setting up the grid:

/**************************************************/

var viewOptions = { width: 600, caption: "View Record", bClose: "Close", closeOnEscape: true, viewPagerButtons: false };

var FillGrid = function (col_model, t_Name) {

var defaultSortField = "id";

$(

"#list").jqGrid('GridUnload');

jQuery(

"#list").jqGrid({

url: 

'/Controller/GetData',

datatype: 'json',

mtype:

'GET',

postData: { tableName: t_Name },

editData: { tableName: t_Name },

colModel: col_model,

pager: jQuery(

'#pager'), //sets pager name

rowNum: 20,

//default number of rows

rowList: [10, 20, 50, 100],

//number of row options

sortname: defaultSortField,

sortorder: "asc",

viewrecords: true,

altRows:

true,

altclass: 'myAltRowClass',

width: "100%",

height:

"100%",

caption:

'',

navigator:

true,

multipleSearch: true,

multipleGroup: true,

ondblClickRow: function (rowid) { $("#list").jqGrid('viewGridRow', rowid, viewOptions); },

editurl: '/Controller/SaveData'

});

//edit form options - Sets up the edit form

var editOptions = {

width: 400, height:

'auto', addCaption: "Add Record", editCaption: "Edit Record", bSubmit: "Submit", bCancel: "Cancel", bClose: "Close",

saveData:

"Data has been changed!", bYes: "Yes", bNo: "No", bExit: "Cancel",

recreateForm:

true,

url:

'/Controller/SaveData/', reloadAfterSubmit: true, closeOnEscape: true, closeAfterEdit: true, viewPagerButtons: false

};

var editparameters = {

"keys": false,

"oneditfunc": null,

"successfunc": null,

"url": null,

"extraparam": {},

"aftersavefunc": null,

"errorfunc": null,

"afterrestorefunc": null,

"restoreAfterError": true,

"mtype": "POST"

};

var inlineParameters = {

edit:

false,

editicon:

"ui-icon-pencil",

save:

false,

saveicon:

"ui-icon-disk",

cancel:

false,

cancelicon:

"ui-icon-cancel",

add:

false,

addParams: { useFormatter:

true, value: "" },

editParams: {}

};

var searchOptions = {multipleGroup: true, multipleSearch: true, closeAfterSearch: true, showQuery: true, caption: "Advanced Search...", editData: { tabelName: t_Name } };

　

//set up the pager toolbar {pager toolbar parameters}, editParameters, addParameters, deleteParameters, searchParameters, viewParameters

jQuery(

"#list").jqGrid('navGrid', '#pager', { view: true, edit: true, add: false, del: false, refresh: true }, editOptions, { value: "" }, {}, searchOptions, viewOptions);

//inline navigator (inline edit)

jQuery(

"#list").jqGrid('inlineNav', '#pager', inlineParameters);

//set up the filter toolbar options

jQuery(

"#list").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn",

beforeSearch:

function () {

$(

"#list").setGridParam({ postData: { _search: true, tableName: t_Name } });

}

});

/*************************************************************/

Everything else works. I don't know if I'm overrinding something or what. I spent good part of yesterday trying to figure it out, but no dice.

Any help will be appreciated!

Thanks!