Use the IgGrid

Question

i am combo in IgGrid Cell so I want to change another cell text on select the combo value Using JS

Jayraj Chhaya · Answer

To change the text of another cell in an IgGrid when selecting a value from a combo box cell, you can use JavaScript to handle the event when the combo box value changes. Here's an example of how you can achieve this: // Assuming you have an IgGrid with a combo box column and a text column var grid = $("#grid").igGrid({ columns: [ { headerText: "Combo Box", key: "combo", dataType: "string", editorType: "combo" }, { headerText: "Text", key: "text", dataType: "string" } ], dataSource: data // Replace 'data' with your actual data source }); // Event handler for combo box value change grid.igGridUpdating({ columnSettings: [ { columnKey: "combo", editorOptions: { valueChanged: function (evt, ui) { // Get the selected value from the combo box var selectedValue = ui.owner.value(); // Get the row index of the combo box cell var rowIndex = ui.owner.rowIndex(); // Get the cell element of the text column in the same row var textCell = grid.igGrid("getCellText", rowIndex, "text"); // Update the text of the text cell with the selected value textCell.text(selectedValue); } } } ] }); I assume that you have an IgGrid with two columns: "Combo Box" and "Text". When the value of the combo box changes, the valueChanged event is triggered. Inside the event handler, we retrieve the selected value from the combo box, the row index of the combo box cell, and the cell element of the text column in the same row. Finally, we update the text of the text cell with the selected value. Make sure to replace #grid with the actual ID of your IgGrid, and data with your actual data source.

Use the IgGrid

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (1)