Try the 'loadFilter' to change data to what format the datagrid requires.

Code:

$('#dg').datagrid({
loadFilter: function(data){
return {
total: data.total,
rows: data.records
}
}
});

The multi-column sorting feature has been posted to our developer team. It will be supported in next version(1.3.4).

Set 'resizable:true' property for columns, just like this

Code:

<th field="firstname" width="50" resizable="false">First Name</th>

The best way to solve this issue is to use the 'easyui-dialog', please refer to http://jsfiddle.net/vmDP8/11/

No better way to avoid this conflict. So if you want to use the resizable of jqueryui, you must disable the resizable of easyui.

Please prevent from using the dialog of jqueryui, use 'easyui-dialog' instead. Or disable the resizable feature for each columns.

Try code below:

Code:

var dg = $('#dgAccounts');
var selected = dg.datagrid('getSelected');  // the selected row
var rowIndex = dg.datagrid('getRowIndex', selected);  // the selected row index
var rows = dg.datagrid('getRows');
for(var x = rowIndex; x<=rowIndex+2; x++){
  var row = rows[x];  // the row data
  console.log(row)
}

If one row is selected, calling 'getSelected' method will always return the selected record data. Please refer to this example http://jsfiddle.net/wGLFF/. It works fine.

If you want to prevent from event bubbling when clicking a menu item, try the following function.

Code:

    function rowAction(row) {
        return "<a href='#' style='text-decoration:none;' onclick='showMenu(this);event.stopPropagation();'> ...</a>";
    }

A more better way to get rows is calling 'getRows' method, please try code below:

Code:

var rows = $('#dgAccounts').datagrid('getRows');
for(var x = rowIndex; x<=rowIndex+2; x++){
  var row = rows[x];  // the row data
  console.log(row)
}

What is the '...', providing a simple example may be more appropriate.

Try the code below to do searching.

Code:

$('#rt').treegrid({
queryParams:{
Nominativo: $('#Nominativo').val(), 
Telefono: $('#Telefono').val()
}
});

Try the code below:

Code:

var dg = $('#dg');
var rows = dg.datagrid('getRows');
var lastIndex = rows.length - 1;
dg.datagrid('appendRow',{seq: rows[lastIndex].seq+10});
dg.datagrid('selectRow', lastIndex+1).datagrid('beginEdit', lastIndex+1);

Don't clearly know what you want to do. If want to set the column's customized value when end editing a row, try the code below:

Code:

// extend your custom text editor
$.extend($.fn.datagrid.defaults.editors,{
    customtext:{
        init: function(container, options){ 
            var input = $('<input type="text" class="datagrid-editable-input">').appendTo(container);
    input.data('customtext',{options:options});
            return input; 
        }, 
        getValue: function(target){
var value = $(target).val();
var opts = $(target).data('customtext').options;
if (opts.callback){
opts.callback.call(target, value);
}
            return value; 
        }, 
        setValue: function(target, value){ 
            $(target).val(value);
        }, 
        resize: function(target, width){ 
            $(target)._outerWidth(width);
        } 
    }
});

Apply the 'customtext' editor to a column.

Code:

<th data-options="field:'attr1',width:250,editor:{
type:'customtext',
options:{
callback:function(value){
var col = $('#dg').datagrid('getColumnOption','attr1');
col.value = value;
}
}
}">Attribute</th>

Yes, the updated tree plugin is available from http://www.jeasyui.com/easyui/plugins/jquery.tree.js. Once you get a node data.

Code:

clipboard = t.tree('getData', node.target);

To append it to another node, you can write:

Code:

        t.tree('append', {
            parent: (node ? node.target : null),
            data: [clipboard]
        });

or

Code:

        t.tree('append', {
            parent: (node ? node.target : null),
            data: clipboard
        });

Call 'getColumnOption' method to get a specified column's option which contains your customized value.

Code:

<th data-options="field:'name',value:'abc',...">
  ...
</th>

Code:

var col = $('#dg').datagrid('getColumnOption', 'name');
var value = col.value;  // get the value defined in 'data-options'
alert(value);

Try the code:

Code:

var m = $('#mb').menubutton('options').menu;  // get the menu
$(m).menu({
onClick:function(item){
alert(item.name)
}
});