Something like that

Code:

    var rows = tbl.datagrid('getRows');
    $.each(rows, function(i, row) {
      $.ajax("/api/data.balance.data/", {
        type:'POST',
        dataType: 'json',
        data:row
      });
    });

IMHO nothing interesting, unreadable hierarchy

Something like that

Code:

$('#mm').menu('appendItem', {
	text: 'New Item',
	iconCls: 'icon-ok',
	onclick: function(){alert('New Item')}
});

1.
If ajax query not send then error occurred in ajax invoking code or previous lines
possible here

Code:

searchData = { 'id': _txtdbid, 'filename': _txtdocname, 'doctype': _txtdoctype};

_txtdbid  etc. is global variables, accesible from this context?

2.
Browser contains support of JSON object (JSON.stringify) ?

3.
What output in error console?

4.

Code:

document.getElementById('grayOut').style.display = "none";
//Same
$('#grayOut').hide();

5.
For bettre performance call selector once

Code:

var tree = $('#test');
tree.treegrid('loading');
...
tree.treegrid('loadData', jQuery.parseJSON(data.d));
enableDnd(tree);
tree.treegrid('loaded');

Also  show the code of function loadSearchData, may be you using .datagrid  property inside

Try

Code:

var opts = $('#dg').datagrid('options');
opts.pageNumber = 1;
loadSearchData(1, opts.pageSize);

Please review  rewritten menu plug-in.

Rewrited piece

Code:

    function wrapMenu(menu) {
      // Tmp is element for text width calculation
      var tmp = $('<div/>').addClass('menu').css({
        visibility:'hidden'
        }).appendTo('body');
      // Tmp variable contains maximum item width
      var autoWidth = 0;
      menu.addClass('menu').find('>div').each(function() {
        var item = $(this);
        if (item.hasClass('menu-sep')) {
          item.html('&nbsp;');
        } else {
          // the menu item options
          var itemOpts = $.extend({}, $.parser.parseOptions(this, ['name', 'iconCls', 'href']), {
            disabled: (item.attr('disabled') ? true : undefined)
          });
          item.attr('name', itemOpts.name || '').attr('href', itemOpts.href || '');
          var text = item.addClass('menu-item').html();
	  // Fill tmp
          tmp.html(text);
	  // Get width + left offset + arrow width
          var itemWidth = tmp.width() + 28 + 22; // + Left offset + arrow width
	  // If width greater than previous, replace width
          if (autoWidth < itemWidth) {
            autoWidth = itemWidth;
          }

          item.empty().append($('<div class="menu-text"></div>').html(text));
          if (itemOpts.iconCls) {
            $('<div class="menu-icon"></div>').addClass(itemOpts.iconCls).appendTo(item);
          }
          if (itemOpts.disabled) {
            setDisabled(target, item[0], true);
          }
          if (item[0].submenu) {
            $('<div class="menu-rightarrow"></div>').appendTo(item); // has sub menu
          }
          item._outerHeight(22);
        }
      // Remove tmp element
      tmp.remove();
      // Apply autowidth
      menu.css({width:autoWidth});
      menu.hide();
    }
  }

Current version requires set width for menu? can you add autosize calculation?
Please reffer idea
http://jsfiddle.net/2rVwN/2/
http://jsfiddle.net/2rVwN/3/

1.3.1 archive contains src folder with some sources? it's bug? =)

But this hack, is not solution.
I checked other look-like code, everywhere when summary width of bottom columns greater then top columns, we get same bug.

May be once at table creattion when column width undefined - calc autosize?

Code:

var tmp = $('<div/>').css({display:'inline',visibility:'hidden'}).text('Restructured outdated').appendTo('body');
var autoSize = tmp.width();
tmp.remove();k

Check that http://jsfiddle.net/seKvb/1/? and try to add style display:inline to form? also check  form margin, padding

Any response?

But when  width of columns is set - it's work correcly?.
In documentation we can read following description "The width of column. If not defined, the width will auto expand to fit its contents."

DataGrid bug?
Please refer example http://jsfiddle.net/G57fE/, look at "percent"  field layout.

You can convert html table to datajrid see http://jeasyui.com/tutorial/datagrid/datagrid1.php

If you need populate table using ajax (without json), by example using xml/html
You can do it manually
1. ajax request to  /some-page/
2. parser response
3. put parsed data to datagrid/local data array etc.