I'm using the datagrid's autoSizeColumn method to adjust the column width according to the content's width.  However, if that content is quite wide, a vertical scrollbar won't be displayed until the entire datagrid gets resized by its parent container.

I tried forcing a layout re-do of the datagrid's panel, but that didn't help.

Code:

$('#dg').datagrid('getPanel').panel('doLayout');

Also, I noticed that the tree's hover/selection doesn't display correctly when the tree has vertical scrolling and is scrolled to the right.

I have a easyui-tree and it's content occasionally gets refreshed, which will cause it to reload it through a 'loadData' call.  Almost as if there was a timer that triggered a 'loadData' call.  This tree also uses a formatter, which creates easyui-tooltips on some of the entries.  This works great until a refresh happens to occur while a tooltip is showing.  In which case it gets stuck on the screen indefinitely.

I tried a few things but haven't managed to fix it yet.  I currently use the following to make the tooltips work:

Code:

onLoadSuccess:function() {
	$.parser.parse($(this));
}

And I tried:

Code:

onLoadSuccess:function() {
	$(this).find('.tooltip-f').tooltip('destroy');
	$.parser.parse($(this));
}

And I also tried calling .find('.tooltip-f').tooltip('destroy'); right before calling 'loadData', but none of these seem to actually get rid of any displaying tooltips.

I'm also worried a little bit about leaking memory/dom objects.

Thanks! So the problem was that the proxy had a draggable/droppable object attached to it, which is because it got cloned.  I changed my code to create a custom proxy that is the same as the element being dragged, except that it doesn't create a draggable/droppable object on the proxy.  It works now, thanks!

I have a menu and items in the menu that I assign a name to (because the text is dynamic):

Code:

<div id="#mm" class="easyui-menu">
	<div data-options="name:'open'">Open document</div>
	<div data-options="name:'delete'">Delete document</div>
</div>

But how can I enable/disable these entries by their name?  The findItem method only finds them if I pass in the text (e.g. 'Open document'), but it won't find them if I pass in 'open'.  And the enableItem/disableItem methods don't take the name as arguments, either.  Am I missing something?

I'm trying to get some sort of a "tree" with cascaded divs to work.  Ultimately, I want to be able to re-order the divs.  Right now I keep getting an exception whenever I try to drag a subitem, and I can't quite figure out, why.  I am guessing is that I have a draggable within another draggable object, and that's kind of what I want, but I suspect it is the cause of the issue as it only happens when trying to drag these items.

http://jsfiddle.net/jkgpsz03/2/

I appreciate any help or hints of what I might be doing wrong.

Thanks, I got it to work, but it's not quite what I was trying to solve.  What I really need, is to be able to know over what item in the datagrid an item was dropped.  Also, I need to know where it was dragged from, as I have multiple trees/datagrids that have draggable stuff in them (although that would be more easily solvable by tagging items appropriately).

How can I find out which item is being dropped on?

Is this supposed to be fixed in the current version?  It's still not working for me.  I have the same problem with $.messager.confirm which breaks a ton of my logic...

Awesome!  This framework is just so cool!  I assume I'd have to do something similar for modifying a dialog's buttons dynamically, as well.  Seems like some good new features for the next version.

How can I change a panel's tool dynamically after the panel was created?  Is there a method I can call that rebuilds the tools after I change the tools property?

Cool, thanks!  I somehow didn't make that connection and thought this only applies to the column row.

Seems like I can't set the formatter/styler properties on a PropertyGrid, even though it extends from the DataGrid?  Is there a way to do this anyway?

How can I dynamically enable/disable a datagrid control (or any panel-based control for that matter)?  Also, is there a way to show/hide a control dynamically?  I tried the open/close methods (that I thought were derived from the panel), but that didn't work.

Hm, thanks!  However, I can't seem to get it to work, it seems to refuse dropping it.  I changed the accept property to accept:'tr[node-id]' (like it is in the treegrid-dnd extension), but that doesn't seem to help, either.

I looked at the two extensions to enable drag&drop to re-order/re-arrange items, but I have a use-case where I need to be able to essentially drag one item from a treegrid to a datagrid and vice versa, and I don't want any items to automatically be re-arranged, just notified when something was dropped.  I have all that mostly working with the extension, but I'm still getting the insert above/below markers, which in my use case don't make much sense.  Is there an easy way to prevent these markers?  I do use the re-arranging feature in another case, so I don't really want to disable it globally.