Hi Stamen,

Thank you for your prompt answer.

The link and code are correct because I didn't change them. They used to work with no problems before upgrading igniteui.

I wanted to track the error and find where is it exactly and I could identified. The problem is that the link wrote in the template has a class/id, when I try to refer to that class/id from a simple jquery script from outside the definition of the grid, this class/id is not detected.

I attached a sample.

In my example I created a template that calls the http://google.ca (column 1) and another one that calls an action from the controller (column 2)

The links work fine when clicked but the problem is that when I want to refer to the <a></a> tag using its class/id and write a simple alert message (please check the end of the code attached) when that link is clicked, this is not possible. I want to mention again that I start having this problem after upgrading the ignite ui.

Please let me know if I need to explain more.

Regards

Sonia

Hello Sonia,

Please find a working sample attached. The way you were binding to the click events for the links had to be changed as they were not present at the time of binding. Alternatively you can move the event binding inside document.ready, just after the grid definition. I am not sure how this code would work in 12.1 or 12.2 but I assume you were using the now deprecated jQuery.delegate instead.

I hope this helps! Please, let me know if you have any other questions or concerns!

Best regards,

Stamen Stoychev

Hi Stamen ,

Thank you.

It worked.

Regards

Sonia

Hello Sonia,

I am glad I was able to help! Please, let me know if you have any other questions or concerns!

Best regards,

Stamen Stoychev

Hi Stamen,

Thank you.

Yes please. I do have another question.

I have a grid and an editor. I have a drop down list in my editor from where I can choose Mother/Father/Myself.

When I add a new contact using the editor, in the grid a display the relation : Mother/Father/Myself and the name of the contact (grid with two columns). What I would like to achieve is to always display Myself in the first row (line). Which means that no matter how many contacts I add, after adding Myself, I always want to display Myself as the first contact in the grid.

I tried to achieve that using the sorting but I couldn't do it because of the alphabetic order.

Please if you need me to explain more let me know.

Thank you 

Regards

Sonia

Hi Stamen,

Sure I will.

Thank you 

Regards

Sonia

Hello Sonia,

I am glad I was able to help. Please, let me know if I can be of further assistance!

Best regards,

Stamen Stoychev

Hi Stamen,

Thank you for your response.

It worked as required.

Thank you for your help.

Regards

Sonia

Hello Sonia,

You could use a default sorting expression which will render the grid pre-sorted using it. To apply one add a column setting to your Sorting definition like this:

columnSettings: [
    { columnKey: "someColumn", currentSortDirection: "asc" }
]

The column key should match the column you have "Myself" in unless you are using the simple custom sorting function I suggested in which case you can put any of your columns there. The only difference will be for which column the sorting indicator would appear.

I am attaching a modification of my original sample which demonstrates this approach.

Best regards,

Stamen Stoychev

Hi Stamen,

I applied the idea to my project and it works. But what I really want to achieve is to have this functionality without the need to click on the header of the column to sort the data.

What I want to achieve is : when the data is binded to the grid after adding/deleting/editing a row using the external editor, the data is automatically sorted, which means the value "Myself " is always placed at the first row. Is this possible to achieve ?

I tried the following but it didn't work : (even with simple alerts to see if I can get the data in the columns so I can sort them, the alerts didn't work as well)

$(document).delegate("#grid", "iggridrowsrendered", function (evt, ui) {

// //return reference to igGrid
// var i, w, grid = ui.owner,
// //return grid's table body DOM element
// tbody = ui.tbody,
// ds = grid.dataSource,
// data = ds.data(),
// dataLength = data.length;

// //var coutRows = ("#grid").data("igGrid").dataSource.dataView().length;
// var dataView = $('#grid').data('igGrid').dataSource.dataView();
// var countRows = $("#grid").data("igGrid").dataSource.dataView().length;

// var rows = $("#grid").igGrid("rows");

// if (dataLength >= 1) {

// //if (dataView[0]["Relation"] === "Myself") {
// alert(data[0]);

// //}
// }
// /*else {

// alert("not here");
// }*/

// //alert(dataView[0]["Relation"]);

// //$.each(rows, function (i, val) {

/***********************Find the index of the row and placed at first place***************************/

// // if (dataView[val.index]["Relation"] === "Myself") {

// // alert("found" + val.idex);

// // }

// //$.each(rows, function (i, val) {

// // //alert("found" + dataview[val.index]["cntID"]);

/***********************Find the index of the row and display it***************************/

// // if (dataView[val.index - 1]["Relation"] === "Myself") {

// // alert(val.index);
// // }

// //});

// });

//alert(dataView[0]["Relation"]);
//alert(tbody[0]);

//});

Please let me know if I need to explain more.

Regards

Sonia