Print Page - onclick evento on a panel

Title: onclick evento on a panel
Post by: korenanzo on May 10, 2016, 07:58:37 AM

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

Title: Re: onclick evento on a panel
Post by: stworthy on May 11, 2016, 12:08:33 AM

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)
        }
    })
})

Title: Re: onclick evento on a panel
Post by: korenanzo on May 12, 2016, 08:15:27 AM

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')
         })

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: korenanzo on May 10, 2016, 07:58:37 AM