Thanks for your prompt response DeyanK.

Let me correct my requirement, here I want values only for updated input controls with row-id.

Thanks,
Tushar

Thanks a lot Deyan, this is the what I was looking for...

Basically I am migrating my Silverlight(SL) application to any of the JS framework, so I was doing poc with different treegrid available on net and igTreegrid looks to be perfect replacement for SL treegrid.

I am looking forward to keep any proper design pattern which is smooth going with these ig controls, preferable MVC4.

Thanks,
Tushar

That's awesome. It's great that you're choosing IgniteUI. Please don't hesitate to contact us for any further assistance.

Hello Deyan,

How to implement above functionality in AngularJS, also if you have any architectural design using angularjs then please let me know.

Thanks,
Tushar

Hi Deyan,

I will be having json data in below format, so I wanted to know how to bind this data to igTreeGrid

var flatDS = [
    { "Employee":{ "employeeID": 0, "PID": -1, "firstName": "Andrew", "lastName": "Fuller"}, "Reporting":{reportsTo": "-"} },
    { "Employee":{"employeeID": 1, "PID": -1, "firstName": "Jonathan", "lastName": "Smith"}, "Reporting":{ "reportsTo": "-" }},
    { "Employee":{"employeeID": 2, "PID": -1, "firstName": "Nancy", "lastName": "Davolio"}, "Reporting":{ "reportsTo": "-" }},
    { "Employee":{"employeeID": 3, "PID": -1, "firstName": "Steven", "lastName": "Buchanan"}, "Reporting":{ "reportsTo": "-" }},
    // sub of ID 1
    { "Employee":{"employeeID": 4, "PID": 0, "firstName": "Janet", "lastName": "Leverling"}, "Reporting":{ "reportsTo": "0" }},
    { "Employee":{"employeeID": 5, "PID": 0, "firstName": "Laura", "lastName": "Callahan"}, "Reporting":{ "reportsTo": "0" }},
    { "Employee":{"employeeID": 6, "PID": 0, "firstName": "Margaret", "lastName": "Peacock"}, "Reporting":{ "reportsTo": "0" }},
    { "Employee":{"employeeID": 7, "PID": 0, "firstName": "Michael", "lastName": "Suyama"}, "Reporting":{ "reportsTo": "0" }},
    // sub of ID 4
    { "Employee":{"employeeID": 8, "PID": 4, "firstName": "Anne", "lastName": "Dodsworth"}, "Reporting":{ "reportsTo": "4" }},
    { "Employee":{"employeeID": 9, "PID": 4, "firstName": "Danielle", "lastName": "Davis"}, "Reporting":{ "reportsTo": "4" }},
    { "Employee":{"employeeID": 10, "PID": 4, "firstName": "Robert", "lastName": "King"}, "Reporting":{ "reportsTo": "4" }},
    // sub of ID 2
    { "Employee":{"employeeID": 11, "PID": 2, "firstName": "Peter", "lastName": "Lewis"}, "Reporting":{ "reportsTo": "2" }},
    { "Employee":{"employeeID": 12, "PID": 2, "firstName": "Ryder", "lastName": "Zenaida"}, "Reporting":{ "reportsTo": "2" }},
    { "Employee":{"employeeID": 13, "PID": 2, "firstName": "Wang", "lastName": "Mercedes"}, "Reporting":{ "reportsTo": "2" }},
    // sub of ID 3
    { "Employee":{"employeeID": 14, "PID": 3, "firstName": "Theodore", "lastName": "Zia"}, "Reporting":{ "reportsTo": "3" }},
    { "Employee":{"employeeID": 15, "PID": 3, "firstName": "Lacota", "lastName": "Mufutau"}, "Reporting":{ "reportsTo": "3" }},
    // sub of ID 16
    { "Employee":{"employeeID": 16, "PID": 15, "firstName": "Jin", "lastName": "Elliott"}, "Reporting":{ "reportsTo": "16" }},
    { "Employee":{"employeeID": 17, "PID": 15, "firstName": "Armand", "lastName": "Ross"}, "Reporting":{ "reportsTo": "16" }},
    { "Employee":{"employeeID": 18, "PID": 15, "firstName": "Dane", "lastName": "Rodriquez"}, "Reporting":{ "reportsTo": "16" }},
    // sub of ID 19
    { "Employee":{"employeeID": 19, "PID": 18, "firstName": "Declan", "lastName": "Lester"}, "Reporting":{ "reportsTo": "19" }},
    { "Employee":{"employeeID": 20, "PID": 18, "firstName": "Bernard", "lastName": "Jarvis"}, "Reporting":{ "reportsTo": "19" }},
    // sub of ID 20
    { "Employee":{"employeeID": 21, "PID": 20, "firstName": "Jeremy", "lastName": "Donaldson"}, "Reporting":{ "reportsTo": "20" }}
   ];

and current treegrid code is as below

$("#treegrid1").igTreeGrid({
    width: "100%",
    dataSource: flatDS, //bound to flat data source,
    autoGenerateColumns: false,
    primaryKey: "employeeID",
    foreignKey: "PID",
    initialExpandDepth: 1,
    columns: [
     { headerText: "Employee ID", key: "employeeID", width: "200px", dataType: "number" },
     { headerText: "First Name", key: "firstName", width: "220px", dataType: "string" },
     { headerText: "Last Name", key: "lastName", width: "220px", dataType: "string" },
     { headerText: "Reports To", key: "reportsTo", width: "130px", dataType: "number" },
     { headerText: "Status", key: "Status", width: "130px", dataType: "string", template: statusTemplate }
    ],
    rendered: function (evt, ui) {
     ui.owner.element
      .find('input#txtName,input#txtAddress')
      .change(collectValue);
    }
   });
  });

  function collectValue() {
   changedValues[$(this).parents('tr').attr('data-id')] = this.value;
  }

Thanks,
Tushar