Thank you every one. I got temporary solution  by using tag span wrap textbox and bind context menu to span.

Code:

        $('#textbox1span').bind('contextmenu',function(e){
            e.preventDefault();
            $('#mm').menu('show', {
                left: e.pageX,
                top: e.pageY
            });
        });

I try the code below

Code:

<input class="easyui-textbox" id="textbox1">

<div id="mm" class="easyui-menu" style="width:120px;">
    <div data-options="iconCls:'icon-copy'">Copy</div>
    <div data-options="iconCls:'icon-cut'">Cut</div>
    <div class="menu-sep"></div>
    <div data-options="iconCls:'icon-paste'">Paste</div>            
</div>

$(document).ready(function (data) {
    $(document).bind('contextmenu', function (e) {
        var t = $(e.target).closest('.validatebox-text');
        if (!t.length) {
            e.preventDefault();
            $('#mm').menu('show', {
                left: e.pageX,
                top: e.pageY
            });
        }  
    });
});

When right click any position on display will show contextmenu 'mm'
but I want to show contextmenu when right click at textbox1 only.

Could you please advice? Many Thank.

On Android has the same behavior too.

Thank you very much. 

Could you please add event 'onNavigate' to Documentation?

  Wow, Work Great! You save my day. Thank you

Dear Sir,

I would like to update some cell value after close update window without reload datagrid.
But after used updateRow method the column formatter that display linkbutton disappear only updated row.
Could you advice how to correct.

Code:

<script type="text/javascript">
            function fmCmd(value, row) {
                var cmd = '<a href="javascript:void(0)" onclick="setTimeout(function() {' + 'viewPatron(\'GridPatron\',0)},500)' + '" class="easyui-linkbutton" iconCls="icon-aim" title="Open Update Window"></a>';
                return cmd;
            }
            
            function updateLastAct(last_action) {
                var selectedRow = $('#GridPatron').datagrid('getSelected');
                var rowIndex = $('#GridPatron').datagrid('getRowIndex', selectedRow);
                $('#GridPatron').datagrid('updateRow', {
                    index: rowIndex,
                    row: {
                        last_act: last_action
                    }
                });
        }           
</script>

<table id="GridPatron" class="easyui-datagrid" border="true" idField="id" 
                data-options="
                    url: 'getPatrons.ashx',
                    method: 'post',
                    fit: true,
                    pagination: true,
                    singleSelect: true,
                    },
                    onLoadSuccess:function(data){
                        $(this).datagrid('getPanel').find('a.easyui-linkbutton').linkbutton();                        
                    }
                ">
                <thead>
                    <tr>                        
                        <th data-options="field:'expire',align:'center',resizable:true" width="9%"><b>Expire</b></th>
                        <th data-options="field:'last_act',align:'left',resizable:true" width="12%"><b>Last Activity</b></th>	
                        <th data-options="field:'id',align:'center',formatter:fmCmd" width="9%"><b>Command</b></th>									
                    </tr>
                </thead>
</table>

Thank you for you help.

Work great!  Thank you

I tried code but not work.

Code:

$('#sb').searchbox('textbox').attr('maxlength', 10);

And how to set searchbox accept only numeric.


Thank you.

OK. I got a trick.

Code:

var p = $('#itemckout').layout('panel', 'expandSouth'); // id of layout
p.panel('setTitle', 'Item Detail: ' + row.item_barcode + " " + row.title );

I define south panel like this.

Code:

<div id="ItemCheckoutDetail" data-options="region:'south',border:true,collapsible:true,hideCollapsedContent:false" style="height:50%;">

when I click row in datagrid on center panel I set title of south panel title with selected row data.

$('#ItemCheckoutDetail').panel({ title: 'Item Detail: ' + row.item_barcode + " " + row.title  });
$('#ItemCheckoutDetail').panel({ collapsedContent: 'Item Detail: ' + row.item_barcode + " " + row.title });

But the title of south panel when is collapsed not update with selected row.

Could you please advice. Thank you.

try to set iframe: false,

Code:

$('#ff').form('submit', {
	                iframe: false,
	                url: 'saveFormPatronStatus.ashx',
	                onSubmit: function(param) {
	                    param.id = id;
	                    param.barcode = barcode;
	                    param.status = status;
	                    var isValid = $(this).form('validate');
	                    if (!isValid) {
	                        $.messager.progress('close'); // hide progress bar while the form is invalid
	                    }
	                    return isValid;
	                },
	                success: function(result) {
	                    console.log(result);
	                }
	            })

In some situation, user changed something on text field and then unchanged but onChange of textfield or combobox event has occurred already. So the form should not dirty.

I want to submit a form if form is dirty.
How to check it.

Could you please advice?
Thank you.

Could you paste your code?

Wonderful!!