Using cascading combo controls, as igGrid editors, in a MVC solution

State See Verified Answer
Replies 4 replies
Subscribers 14 subscribers
Views 1579026 views
Users 0 members are here

igCombo

4315

Nikolay Alipiev posted over 10 years ago

When trying to configure an igGrid to have parent and child cascading combo controls as editors, in a MVC solution, changing the parent value doesn't change the values in the child combo. This is the code:

Code Snippet
@(Html.Infragistics().Grid(Model.AsQueryable()).ID("grid1").AutoCommit(true)
    .PrimaryKey("ProductId")
    .Features(features => {
        features.Updating().EditMode(GridEditMode.RowEditTemplate).ColumnSettings(cs => {
            cs.ColumnSetting().ColumnKey("CategoryName").EditorType(ColumnEditorType.Combo)
                .EditorOptions("id: 'comboCategory',  dataSource: '/Home/GetData', textKey: 'CategoryName', valueKey: 'CategoryName'");
            cs.ColumnSetting().ColumnKey("ProductName").EditorType(ColumnEditorType.Combo)
                .EditorOptions("id: 'comboCity', dataSource: '/Home/GetData2', parentCombo: 'comboCategory', parentComboKey: 'CategoryName', textKey: 'ProductName', valueKey: 'ProductName'");
        });
    }).DataBind().Render() )

45

Offline Zabih posted over 7 years ago in reply to Nikolay Alipiev

I have the same problem. I used parentComboKey but it did not work for me.

I used it in igGrid created combo box using Typescript.

Any other suggestions?
Cancel
Reply

Cancel
375

F2O posted over 10 years ago in reply to F2O

I made a mistake : instead of cities, it is products...
Cancel
Reply

Cancel
375

F2O posted over 10 years ago in reply to Nikolay Alipiev

Hello Nikolay,

Like you, I want to using cascading combo's. I tried the solution you found.

The bug is, when the combo $("#comboCategory") closes (during its opening, it existes), $("#comboCategory") is []... Consequently, the combo of cities is empty...

How correcting the bug?

Thanks in advance,

F2O
Cancel
Reply

Cancel
4315

Verified Answer
Offline Nikolay Alipiev posted over 10 years ago
This was a bug in the igCombo and it is fixed, and will be available in the upcoming service release for 12.2, 13.1 and for release of the 13.2 Ignite UI version. Then using the code above will work. As alternative, you also can use the code below, which utilize the ComboEditorOptions method instead of EditorOptions one, and is a more clear way to define cascading combo controls in grid. It will be available again in the upcoming service release, which will be out at the end of the month.

Code Snippet

@(Html.Infragistics().Grid(Model.AsQueryable()).ID("grid1").AutoCommit(true)

    .PrimaryKey("ProductId")

    .Features(features => {

        features.Updating().EditMode(GridEditMode.RowEditTemplate).ColumnSettings(cs => {

            cs.ColumnSetting().ColumnKey("CategoryName").EditorType(ColumnEditorType.Combo)

                .ComboEditorOptions(ces => {

                    ces.ID("comboCategory").DataSource("/Home/GetData").TextKey("CategoryName").ValueKey("CategoryName").AllowCustomValue(false);

                });

            cs.ColumnSetting().ColumnKey("ProductName").EditorType(ColumnEditorType.Combo)

                .ComboEditorOptions(ces => {

                    ces.ID("comboCity").ParentCombo("#comboCategory").ParentComboKey("CategoryName").DataSource("/Home/GetData2").TextKey("ProductName").ValueKey("ProductName").AllowCustomValue(false);

                });

        });

    }).DataBind().Render() )

Best regards,
Nikolay Alipiev
Cancel
Reply

Reject Answer

Cancel