igCombo options.value is no longer set in 13.2.20132.2300

2350

Paul Decristoforo posted over 9 years ago

I have code for an igCombo that sets the initial value when an edit dialog for a grid is opened. I used to be able to get the value from comboInputData.options.value; however, now this is null. The reason I'm doing this is because I'm using a key value pair for my combo, and it does not correctly translate the Key to the Value on initial load when using a DataSourceUrl. There is no issue when using the DataSource property. This only seems to occur when DataSourceUrl is used. I cannot use AllowCustomValue = true for this because it breaks the saving logic by sending the Value to the server instead of the Key.

$(document).on("iggridupdatingroweditdialogopened", "table.ui-iggrid-table", function (event, ui) {

var gridKey = ui.owner.grid.options.key;

$(ui.dialogElement).find(".ui-dialog-content").children().removeClass("ui-iggrid-filtertable");

for (var i = 0; i < ui.owner.grid.options.columns.length; i++) {

var dataKey = ui.owner.grid.options.columns[i].key;

var comboInput = $(ui.dialogElement).find("td[data-key='" + dataKey + "']").find('input');

//Verify that the field is a combo box

if (comboInput.length != 0 && comboInput[0].className == 'ui-igcombo-field ui-corner-all') {

var comboInputData = comboInput.data('igCombo');

comboInput.igCombo('value', comboInputData.options.value);

}

});

This is something that started happening when I upgraded from version 13.2.20132.2055 to 13.2.20132.2300. I had no issues on 20132.2055. Please let me know how I can fix this problem and retrieve the options.value property.

Thanks,

Paul

29417

Offline Maya Kirova posted over 9 years ago

Hello Paul ,

Thank you for posting in our forum.

I’ve checked whether there’s such an internal property for the combo in versions 2055, however there doesn’t seem to be one in the options collection:

I’ve attached a sample for your reference that has a igCombo defined with a value and text key. The sample uses the trial scripts for versions 13.2.20132.2055.

When attempting to retrieve the combo’s value in the following manner: $("#combo").data("igCombo").options.value the result is always null.

If you’re aiming to get the value you can use the ‘value’ method: $("#combo").igCombo("value");

I’m not really in what manner you’re setting a key/value pair to the combo and how you’re persisting that relation.

If getting the value via the value method does not solve the issue for you, could you describe the scenario which you’re trying to implement so that I can suggest a different approach?

Best Regards,

Maya Kirova

Developer Support Engineer II

Infragistics, Inc.

http://www.infragistics.com/support

Combo_2055.zip
Cancel
Reply

Cancel
2350

Offline Paul Decristoforo posted over 9 years ago in reply to Maya Kirova

Hi Maya,

Here is a JsFiddle with my exact problem: http://jsfiddle.net/ru5Rk/6/

The combo, Country, is a key value pair. The key is an integer, and the value is a string. When using a DataSourceUrl for this combo, if you edit a row, then the Country shows up blank and does not load properly. This is why I had to manually set the value like I had mentioned in my first post. If you change this to just a DataSource, then this is not a problem. I commented out a DataSource in my JsFiddle, that you can use to test this. You'll notice that when editing a row, the Country shows up as expected.

I need to use a DataSourceUrl for my grid. This is only a problem in dialog edit mode, the fact that you see the integers in the actual grid is not an issue for me.

Thanks,

Paul
Cancel
Reply

Cancel
29417

Verified Answer
Offline Maya Kirova posted over 9 years ago in reply to Paul Decristoforo

Hello Paul ,

You could get the related value from the row associated with dialog element: var row= ui.dialogElement.data('tr');

From the row you can get the row data id and get the cell value:

                var row= ui.dialogElement.data('tr');

                var cellValue=$("#grid").igGrid("getCellValue",$(row).attr("data-id"), "Country");

Which you can then set as the value of the combo whne it gets bound to your remote data source:

$(document).delegate(comboInput, "igcombodatabound", function (evt, ui) {

                                                                $(evt.target).igCombo('value', cellValue);

});

I’ve modified you sample and you can refer to it at: http://jsfiddle.net/ru5Rk/8/

Let me know if you have any questions.

Best Regards,

Maya Kirova

Developer Support Engineer II

Infragistics, Inc.

http://www.infragistics.com/support
Cancel
Reply

Reject Answer

Cancel
2350

Offline Paul Decristoforo posted over 9 years ago in reply to Maya Kirova

Thanks, this worked solution worked nicely for me.
Cancel
Reply

Cancel