Hi,
am using the mvc4 razor control and my requirment is like that I have a panel above the grid and in that i have text boxes and dropdowns and when am going to click on grid row then that respective data need to bind with the panels controls means into the textboxex and dropdown. and my code is like that
@using Infragistics.Web.Mvc@{ ViewBag.Title = "Index";}@using Infragistics.Web.Mvc@using System.Data@*@model Infragistics .Web.Mvc .GridModel*@<!DOCTYPE html><html><head> </head><body> @(Html.Infragistics().Loader() .ScriptPath(Url.Content("~/Infragistics/js/")) .CssPath(Url.Content("~/Infragistics/css/")) .Resources("igHierarchicalGrid.*") .Render() ) @(Html.Infragistics().Grid<System.Data.DataSet>() .ID("grid1") .Width("100%") .AutoGenerateColumns(true) .AutoGenerateLayouts(true) .Features(features => { features.Sorting().Type(OpType.Local).Mode(SortingMode.Single).Inherit(true); features.Paging().PageSize(5).Type(OpType.Remote).Inherit(false); features.Filtering().Type(OpType.Local).Inherit(true); features.Selection().Mode(SelectionMode.Row).MultipleSelection(true); features.GroupBy().Type(OpType.Local).Inherit(true); features.Hiding().Inherit(true); }) .DataSource(Model) .DataSourceUrl(Url.Action("dataset-binding")) .DataBind() .Render() )</body></html>
and also let me know the solution to add the addclient event for gridmodel class.
Hello,
Thank you for contacting us.
About your question, you can handle activeRowChanged event which is fired after a row becomes active, and there to set values to input and dropDown for example:
Also I have created sample for you, in order to show you my approach.
http://jsfiddle.net/24xbm/2/
Other useful references:
Using Events in Ignite UI
IGNITEUI API REFERENCE
If there is something else that I could help you with, please contact me.
Thank you so much.. now my problem is that i want to get the selected row values of child element..will you please give me ideas regarding this.
Hello Kanha,
If you are using igGridSelection you can do this in a couple of ways.
Please refer to the link below where you can find methods with which you can get the selected row/rows or selected cell/cells.
https://www.igniteui.com/help/api/2014.1/ui.iggridselection_hg#methods
SelectedCells - Returns an array of selected cells where every objects has the format {element: , row: , index: , rowIndex: , columnKey: }.
- Returns the currently selected row, if any. If multiple selection is enabled, will return null.
Another way is to access the html tr element and from there to get all values like:
$(document).delegate("#rowSelectionGrid", "iggridselectionrowselectionchanged", function (evt, ui) { //return reference to igGridSelection object ui.owner; //return reference to row object ui.row; //return reference to selected cells object array ui.selectedCells; if(ui.owner.grid.id().indexOf("child") >= 0) { var result = "";
for(i = 0; i <= ui.row.element.find("td").length; i++){ result += $(ui.row.element.find("td")[i]).text() + "; "; } alert(result); }});
Online sample:
http://jsfiddle.net/99eGY/7/
If there is something else that I can do for you, please contact me again.
Hello,I am still following your case.If you have any concerns or questions, please feel free to contact me, I will be glad to help you.