onclick evento on a panel

[korenanzo]

Hi,

is it possible to enable events like "onClick" and "focus" on objects lie Panel and datagrid ?

I need to know that the user entered (click) in a grid even if it has no rows

Thanks,

RIc

[stworthy]

You can override the row click event handler. When click on a non-row area, the 'onClickRow' event is triggered with a '-1' parameter value passed to it.

Code:

(function($){
    var clickHander = $.fn.datagrid.defaults.rowEvents.click;
    $.fn.datagrid.defaults.rowEvents.click = function(e){
        var tr = $(e.target).closest('tr.datagrid-row');
        if (tr.length){
            clickHander.call(this, e);
        } else {
            var dg = $(e.target).closest('div.datagrid-view').children('.datagrid-f');
            var opts = dg.datagrid('options');
            opts.onClickRow.call(dg[0], -1);
        }
    }
})(jQuery);
$(function(){
    $('#dg').datagrid({
        onClickRow: function(index,row){
            console.log('onClickRow:'+index)
        }
    })
})

[korenanzo]

nice solution, thanks stworthy,

but in the mean time I've found an alternative solution:


 $('#dg').datagrid('getPanel').bind({
            focus:function(e) {
                console.log(' for focus on grid')
         })