This is a migrated thread and some comments may be shown as answers.

[Solved] Row Double Click Event - Client

12 Answers 283 Views

Grid

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

12 Answers, 1 is accepted

answered on 09 Jun 2010, 11:23 AM

Hi Joao Cardoso,

You can check this related forum post.

To enter edit mode use the editRow JavaScript method:

function onLoad() {

var grid = $(this).data('tGrid');



   $('tr', this).live('dblclick', function(e) {

var $tr = $(this);

grid.editRow($tr);

})

}

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 09 Jun 2010, 01:21 PM

Hi Atanas,

Thanks again.

Final question.... is it possible to get the contents of an hidden column?

I'm using this code:

    
                    function onLoad(e) {  
        
                        var grid = $(this).data('DocumentosGrid');  
        
                        $('tr', this).live('dblclick', function (e) {  
        
                            var $tr = $(this);  
        
                            var notes = $tr[0].all[4].innerHTML;  
        
                            $("#ShowDialog").html(notes).dialog();  
        
                        })  
        
                    }

But this way I can only access visible columns data. Any tips on how to get the contents of an hidden column?

Cheers

Joao Cardoso

answered on 09 Jun 2010, 01:52 PM

EDIT: Saw your reply after my post. I still prefer this way, because I dont have to load a huge a amount of data just do make it hidden on the grid. This is a notes field and can have lots of text... so using the json request its better as I just load the data I need. Your tip is also welcome and I«m sure I will find use to it. At least to hide the internal ID column :)

Found the solution :)

I may as well share it.

Basically what I did was to create a Method on my controller to retrieve the data I needed, in JSON.

Then on the client side I just invoke the method and get the data to be displayed.

Controller code:

    
            Function GetNotes(ByVal id As Integer) As ActionResult  
        
                 Return Json(GetNotes(context, id), JsonRequestBehavior.AllowGet)  
        
            End Function

Note: GetNotes is a method that gets the notes field from an entity (i'm using Entity Framework btw).

View Code:

    
                    function ShowMyDialog(data, textStatus) {  
        
                        $("#ShowDialog").html(data).dialog({ width: 700, height: 600 });  
        
                    }  
        
                    function onLoad(e) {  
        
                        var grid = $(this).data('DocumentosGrid');  
        
                        $('tr', this).live('dblclick', function (e) {  
        
                            var $tr = $(this);  
        
                            var id = $tr[0].all[0].innerText;  
        
                            jQuery.getJSON('/MyController/MyNotes/' + id, '', ShowMyDialog);  
        
                        })  
        
                    }

Thanks for your pointers.

answered on 11 Jun 2010, 10:50 AM

Hi Atanas,

I found the problem. Its not related with exclusing the group rows but the fact that when we add a group the columns are increased by 1 for each column we add. So my ID instead of being on column 0, is now on column 1, or 2 and so forth, depending of the number of groups.

The way I'm accessing the column I want to get the id from is like this:

    
            var $tr = $(this);  
        
            var id = $tr[0].all[0].innerText;

Is there a way to get on the onLoad event the number of columns by witch the grid is grouped by? So perhaps I would do something like:

    
            var $tr = $(this);  
        
            var id = $tr[0].all[NumberOfGroups].innerText;

answered on 11 Jun 2010, 02:45 PM

Hi Atanas,

I didnt managed to get to access those properties in javascript on the OnLoad event so I decided to make a simpler solution.

This works if we assume that the first column has the ID. If its not the first column, then the script needs to be changed because it basically tries to find the first column with a value.

    
             function onLoad() {  
        
                        $('tr:not(.t-grouping-row)', this).live('dblclick', function (e) {  
        
                            var $tr = $(this); var i = 0;  
        
                            while ($tr[0].all[i].innerText == '') {i++}  
        
                            var id = $tr[0].all[i].innerText;  
        
                            if (id != '') {  
        
                                jQuery.getJSON('/Process/GetNotes/' + id, '', ShowNotasDialog);  
        
                            } else {  
        
                                ShowNotasDialog('Error !');  
        
                            }  
        
                        })  
        
                    }

Its no perfect by all means and I welcome a better solution. But for now its doing the job well.

Cheers