great! It's work fine now. Thanks for solve it.

Thanks for your reply. I know that the menu display either on the top or on the bottom of the button, but exists 2 problems.

To reproduce these errors, please open the "test.html" file:

1. Click on Edit button in the North Layout, are you see all 60 items? (Error)
2. Click on Edit button in the South Layout, why the menu is displayed on the bottom of the button? (Error)
3. Click on Help button in the South Layout, the menu is displayed correctly on the top of the button. (OK)

[PD: All plugins that have a dropdown as combo, combobox, etc.. must have this behaviour as default.]

The error continue when the menu height is higher than the document's html height. First, the menu height should be resized correctly. Second, the menu should be shown in the place with more space, on the bottom or on the top.

Please, see the 'test.html' file and click on each Edit's button.

PD: All plugins that have a dropdown as combo, combobox, etc.. must have this behaviour as default.

great! thanks for solve it.

When a MenuButton is set to document html bottom the menu is not show correctly. The menu is shown over button, but should be shown on button top like a combobox for example.

thanks for solve it.

Yes, it works fine now, but also i have to include the 'http://www.jeasyui.com/easyui/jquery.easyui.min.js' file to my page, because it is different to the 'jquery.easyui.min.js' file in http://www.jeasyui.com/download/downloads/jquery-easyui-1.3.6.zip

Code:

dc.body2.triggerHandler("scroll");
_5af(_5a8); // - version 1.3.6
$(_5a8).datagrid("autoSizeColumn");

by this

Code:

dc.body2.triggerHandler("scroll");
$(_5c8).datagrid("setSelectionState"); // - version 1.3.6.x
$(_5c8).datagrid("autoSizeColumn");

Thanks.

thanks for your reply, but in the worst case, if set the menu height to 200px and the browser is resized to less than 200px, the problem continue.

I think the menu height should fit the html document height, and showing a scroll if is necessary. In others words, the max height of menu should be the html document height like a default behaviour.

When the menu height is higher than document height , some menu items are hidden, however has to show an scrollbar. See the attached file.

I suggest add a menubutton property to automatically show the menu when mouse enter button, default true, because sometimes i want to show the menu only on button click event. Something like 'showOnMouseEnter' property:

Code:

.bind("mouseenter.menubutton", function() {
	// - BEGIN EDIT
	if (!opts.showOnMouseEnter) return false;
	// - END EDIT
	_3ea = setTimeout(function() {
		_3eb(_3e8);
	}, opts.duration);
	return false;
})

I suggest add a menu property to define the delay time in milliseconds to hides the menu when mouse exits it, default in 100. Something like 'delayOnHideMenu' property:

Code:

.bind("mouseleave.menu", function() {
	if (_3b7.options.hideOnUnhover) {
		_3b7.timer = setTimeout(function() {
			_3b8(_3b6);
		// - BEGIN EDIT
		}, _3b7.options.delayOnHideMenu);
		//},100);
		// - END EDIT
	}
});

I'm using jQuery EasyUI 1.3.6 and I found the next bug. When I checked all rows and then reload the data using the "loadData" method, the header check continue as checked.

See the attached file:
- Select All Rows.
- Click on Refresh button of toolbar to reload the data.
- The value header check continue checked. (Error)

I'm using jQuery EasyUI 1.3.6 and I suggest that the tree has to include the editable field to indicate that some node is disabled changing its text color and not checkable or not clickable.

I applied part of my suggestion in this code part of function named _b8:
(Also see the result on the attached file)

Code:

bind("click", function(e) {
	var tt = $(e.target);
	var _bd = tt.closest("div.tree-node");
	if (!_bd.length) {
		return;
	}
	if (tt.hasClass("tree-hit")) {
		_125(_b9, _bd[0]);
		return false;
	} else {
		// - BEGIN EDIT
		
     		var $tree = $(_b9);
		var optsTree = $tree.tree('options');
                var node = $tree.tree('getNode', _bd[0]);
		
                if(node && node[optsTree.editableField] === false) return false;
		
		// - END EDIT
	
		if (tt.hasClass("tree-checkbox")) {
			_e8(_b9, _bd[0], !tt.hasClass("tree-checkbox1"));
			return false;
		} else {
			_16b(_b9, _bd[0]);
			_ba.onClick.call(_b9, _c0(_b9, _bd[0]));
		}
	}
	e.stopPropagation();
}

it doesn't works fine really. Add 2 datagrids more to reproduce the error again. The internet explorer restriction not allow more than 31 stylesheets per file. I think that the problem in the datagrid plugin is that first all stylesheets are created, exceeding the limit of IE, and the end the last stylesheets are removed.

I refer to this code on datagrid plugin:

Code:

$(ss.join("\n")).appendTo(cc);
setTimeout(function(){
   cc.children("style[easyui]:not(:last)").remove();
},0);

i use the attached example 'test.html' but i get the same problem, i am using IE9 to test it, view the attached screenshot. if you see the drawing of columns and cells are irregular; widths don't match. Also, i suggest for the next version include the sharedStyleSheet = TRUE  by default.