Hi Mike,

Thanks, your question about special characters has solved the problem. My delimiter in the CompositeID (;) must now be a reserved character because changing it to an asterisk (*) has resolved it.

I just hope the asterisk doesn't become reserved!

Regards

Deon

Hi Mike,

This is the error from the Chrome debugger:

jquery-1.9.1.js:4421 Uncaught Error: Syntax error, unrecognized expression: #grdSOE_7###62381_Carton_child_scrollSizzle.error @ jquery-1.9.1.js:4421tokenize @ jquery-1.9.1.js:5076select @ jquery-1.9.1.js:5460Sizzle @ jquery-1.9.1.js:3998Sizzle.matchesSelector @ jquery-1.9.1.js:4387filter @ jquery-1.9.1.js:5757jQuery.fn.(anonymous function) @ jquery-1.9.1.js:5737scrollContainer @ infragistics.ui.grid.framework.js:25(anonymous function) @ jquery-ui-1.10.3.js:401_touch @ infragistics.ui.grid.framework.js:27(anonymous function) @ jquery-ui-1.10.3.js:401_renderGrid @ infragistics.ui.grid.framework.js:26(anonymous function) @ jquery-ui-1.10.3.js:401dataBind @ infragistics.ui.grid.framework.js:26(anonymous function) @ jquery-ui-1.10.3.js:401_create @ infragistics.ui.grid.framework.js:25(anonymous function) @ jquery-ui-1.10.3.js:401_createWidget @ jquery-ui-1.10.3.js:560$.Widget._createWidget @ infragistics.util.js:28_createWidget @ infragistics.ui.grid.framework.js:25(anonymous function) @ jquery-ui-1.10.3.js:401$.(anonymous function).(anonymous function) @ jquery-ui-1.10.3.js:362(anonymous function) @ jquery-ui-1.10.3.js:507each @ jquery-1.9.1.js:648each @ jquery-1.9.1.js:270$.fn.(anonymous function) @ jquery-ui-1.10.3.js:502_toggleInternalAsync @ infragistics.ui.grid.hierarchical.js:17(anonymous function) @ jquery-ui-1.10.3.js:401_toggleInternal @ infragistics.ui.grid.hierarchical.js:17(anonymous function) @ jquery-ui-1.10.3.js:401(anonymous function) @ infragistics.ui.grid.hierarchical.js:17setTimeout (async)_toggleInternalWithDelay @ infragistics.ui.grid.hierarchical.js:17(anonymous function) @ jquery-ui-1.10.3.js:401proxy @ jquery-1.9.1.js:818dispatch @ jquery-1.9.1.js:3074elemData.handle @ jquery-1.9.1.js:2750

I am defining the grid in the Controller as such:

GridModel grdSOE = new GridModel();

grdSOE.ID = "grdSOE";

grdSOE.AutoGenerateColumns = false;

grdSOE.PrimaryKey = "so_line_id";

objUserDetail = GetUserDetails(User.Identity.Name);

switch (objUserDetail.web_role)

{

case "FULL":

grdSOE = grdSOEFull(grdSOE);

break;

case "AGENT":

grdSOE = grdSOEAgent(grdSOE);

break;

case "CUST":

grdSOE = grdSOECust(grdSOE);

break;

}

grdSOE.RenderCheckboxes = true;

// DM Picking Slip level

GridColumnLayoutModel PSlipLayout = new GridColumnLayoutModel();

PSlipLayout.RenderCheckboxes = true;

PSlipLayout.Key = "PSlip";

PSlipLayout.PrimaryKey = "CompositeID";

PSlipLayout.ForeignKey = "so_line_id";

PSlipLayout.AutoGenerateColumns = false;

PSlipLayout.Columns = new List<GridColumn>();

PSlipLayout.Columns.Add(new GridColumn("CompositeID", "CompositeID", "string", "100px"));

PSlipLayout.Columns[0].Hidden = true;

PSlipLayout.Columns.Add(new GridColumn("so_line_id", "so_line_id", "number", "100px"));

PSlipLayout.Columns[1].Hidden = true;

PSlipLayout.Columns.Add(new GridColumn("PSlip No", "pslip_no", "string", "80px"));

PSlipLayout.Columns.Add(new GridColumn("Created", "pslip_create_ts", "date", "80px"));

PSlipLayout.Columns[3].Format = "dd/MM/yyyy";

PSlipLayout.Columns.Add(new GridColumn("Printed", "pslip_print_yn", "bool", "60px"));

PSlipLayout.Columns.Add(new GridColumn("Print No", "pslip_print_no", "string", "60px"));

PSlipLayout.Columns.Add(new GridColumn("Print Date", "pslip_print_ts", "date", "80px"));

PSlipLayout.Columns[6].Format = "dd/MM/yyyy";

PSlipLayout.Columns.Add(new GridColumn("Cust Store", "store_code", "string", "160px"));

PSlipLayout.Columns.Add(new GridColumn("Inv Ref No", "inv_ref_no", "string", "80px"));

PSlipLayout.Columns.Add(new GridColumn("Consign No", "cn_no", "string", "80px"));

PSlipLayout.Columns.Add(new GridColumn("Cons. Date", "cn_proj_ship_date", "date", "80px"));

PSlipLayout.Columns[10].Format = "dd/MM/yyyy";

PSlipLayout.Columns.Add(new GridColumn("Desp. No", "despatch_doc_no", "string", "80px"));

PSlipLayout.Columns.Add(new GridColumn("Desp. Date", "despatch_ts", "date", "80px"));

PSlipLayout.Columns[12].Format = "dd/MM/yyyy";

PSlipLayout.Columns.Add(new GridColumn("Carrier", "ct_sup_code", "string", "160px"));

PSlipLayout.Columns.Add(new GridColumn("Cartons", "carton_count", "number", "60px"));

// DM Carton Level

GridColumnLayoutModel CartonLayout = new GridColumnLayoutModel();

CartonLayout.RenderCheckboxes = true;

CartonLayout.Key = "Carton";

CartonLayout.PrimaryKey = "sod_carton_id";

CartonLayout.ForeignKey = "CompositeID";

CartonLayout.AutoGenerateColumns = false;

CartonLayout.Columns = new List<GridColumn>();

CartonLayout.Columns.Add(new GridColumn("CompositeID", "CompositeID", "string", "100px"));

CartonLayout.Columns[0].Hidden = true;

CartonLayout.Columns.Add(new GridColumn("sod_carton_id", "sod_carton_id", "number", "100px"));

CartonLayout.Columns[1].Hidden = true;

CartonLayout.Columns.Add(new GridColumn("Carton No", "carton_no", "number", "80px"));

CartonLayout.Columns.Add(new GridColumn("Carton Qty", "carton_prd_qty", "number", "60px"));

CartonLayout.Columns.Add(new GridColumn("Packed", "carton_pack_ts", "date", "80px"));

CartonLayout.Columns[4].Format = "dd/MM/yyyy";

CartonLayout.Columns.Add(new GridColumn("Consigned", "carton_presort_yn", "bool", "60px"));

CartonLayout.Columns.Add(new GridColumn("Despatched", "carton_despatch_yn", "bool", "60px"));

PSlipLayout.ColumnLayouts.Add(CartonLayout);

grdSOE.ColumnLayouts.Add(PSlipLayout);

The CompositeID contains a semicolon (;) that I use as a delimiter, but even changing it to 3 hashes (###) does not solve the problem. The CompositeID is a string, but all others are integers

Regards

Deon