Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
William Reyes
420
IgGrid RowEditDialog DropDown
posted

I have a grid and I am using a drop down for one of the columns.In my column settings I have the following code.

{
columnKey: "CreditId",
required: true,
editorType: "combo",
editorOptions: {
mode: "dropdownlist",
dataSource: creditTypes,
textKey: "CreditDesc",
valueKey: "CreditId",
dropDownOnReadOnly: true,
dropDownWidth: 300
}
},

This works well and the drop down shows. My issue is the after the user adds one row, they can now add another. When they do it throw an 'Operation is not supported' error.The reason I bring up the drop down is this is the only grid I am having this issue with, so my assumption is that this is causing the problem.

Any ideas or is this possible a known issue?

Thanks.

  • 17590
    Offline posted in reply to William Reyes

    Hello William,

    Thank you for posting in our community.

    What I noticed from your code snippet is that in are using editor of a type combo. In editorOptions the mode is set to "dropdownlist", which is not a valid value for igCombo`s mode option. The valid options are:

    • editable - allows to modify value by edit field and drop-down list
    • dropdown - allows to modify value by drop-down list only
    • readonlylist - allows to open list, but does not allow any changes in the field of selection in drop-down list. If selection is not set, then the first item in dataSource is automatically selected.
    • readonly - does not allow to open list or change value in field. If selection is not set, then first item in dataSource is automatically selected

    Please modify the mode option in the columnSettings for "CreditId" column and I believe you will be able to add multiple new rows. For example:

    {
    columnKey: "CreditId",
    required: true,
    editorType: "combo",
    editorOptions: {
                              mode: "dropdown",
                             dataSource: creditTypes,
                             textKey: "CreditDesc",
                             valueKey: "CreditId",
                            dropDownOnReadOnly: true,
                            dropDownWidth: 300
    }

    Please test this on your side and let me know if you need any further assistance with this matter.

  • 420
    Offline posted

    Sorry this "My issue is the after the user adds one row, they can now add another. ", should read "My issue is the after the user adds one row, they can NOT add another. "