set combo box value onload

Here is my controller:

 IEnumerable<SelectListItem> tableList = filteredResultFinal.Select(i => new SelectListItem
{
Value = i,
Text = i,
Selected = i.Equals(tableName)
});

  return View(tableList);

here is my VIEW:

Combo box:

@(Html.Infragistics().Combo()
.Width(“270px”)
.ID(“combo”)
.DataSource(Model)
.ValueKey(“Value”)
.TextKey(“Text”)
.DataBind()
.Render()
)

JavaScript:

 $(“#combo”).igCombo({
inputName: “tableName”,
width: “270px”,
filteringType: “local”,
filteringCondition: “contains”,
highlightMatchesMode: “contains”,
valueKey: “value”,
placeHolder: “Select Equipment…”,
dropDownOrientation: “bottom”,
allowCustomValue: false,
loadOnDemandSettings: {
enabled: true,
pageSize: 10
},
initialSelectedItems:[{ value: $(“#myViewData”).val()}]
});

Hello,

initialSelectedItems option can be set only when igCombo is initialized.

It looks like your combo is already initialized using razor syntax.

I suggest you select the item using value method instead in this case.

https://igniteui.com/help/api/2019.2/ui.igcombo#methods:value

I have created a sample that selects a combo item on load using the above method for your reference.

Please let me know if I may be of further assistance.

Attachments:

1. WebApplication1MVC.zip

Thank You. I figure it out hahah… I kept on using select attrib when I should be using value instead.