Drop doesn't work when we try to drop a dropable node after trying to drop a non-dropable node.

Please see a demo here: http://jsfiddle.net/0hk1twng/140/

In the above example the node 'S1' is the only node which is not dropable.


To experience the problem please try to:
- Step1: drag S2 and try to drop it on any node of Target tree (drop will be allowed)
- Step2: drag S1 and try to drop it on all nodes of Target tree (drop will not be allowed)
- Step3: now drag S2 and try to drop it on any node of Target tree (drop is not not allowed)

Why is the dropable node S2 not allowed to be dropped in step 3?

sorry, but we don't want to make an ajax submit. In our implementation for uploading files, we set the 'ajax' property explicitly to false.

Apart from that, in our implementation if I set 'ajax: true', then the behaviour with form-plugin version 1.5.1 is still the same: it gets redirected to the home page. No 'file-upload' request is sent to the server. In browsers console log no error can be seen because the start page gets reloaded.

As mentioned earlier, the form-plugin version 1.4.5 works well with 'ajax: false': http://jsfiddle.net/zyqm1hjt/3/

Thanks for mentioning the syntax in calling the submit method.

But the problem remains the same. Here, the problem-demo once again: http://jsfiddle.net/onq3qo9t/9/


If I use the easyui-form plugin from version 1.4.5, it works fine:
http://jsfiddle.net/zyqm1hjt/3/

The 'url' is set later when the form is submitted. My implementation works fine with form plugin version 1.4.5.

The following jsfiddle shows the problem with 1.5.1. Please check the console log once you select a file and click on "Upload File" button:
http://jsfiddle.net/onq3qo9t/5/

The form submission tries to redirect to jsfiddle's start page where as the form-url points to something else.

Thanks for looking into it.

The form submission in EasyUI 1.5.1 is problematic. On submitting the form I get redirected to the home page. There is no request received on the server-side. I am trying to upload a file (selected by using filebox) on submitting the form.

I define the form and filebox objects as follows:

Code:

<script type="text/javascript">
$(function(){
	$('#fileToUpload').filebox({
	    prompt:'select file to upload',
	    buttonText: 'Select File',
	    buttonAlign: 'left',
	    width:'250',
	    accept:'text/*'
	});

	$('#filesUploadWinForm').form({
	    ajax: false,
	    success: function(serverResponse) {
		handleUploadFileDoResponse(serverResponse);
	    }
	});
});
function handleUploadFileDoResponse(resp) { ... }

</script>
<div>
<form method="POST" id="filesUploadWinForm" enctype="multipart/form-data" accept-charset="UTF-8">
	<input id="fileToUpload" name="fileToUpload">
</form>
</div>

If I include the form plugin "jquery.form.js" of Version 1.4.5 it works normal.

Could you please check what the problem is? Thanks!

Problem is solved. My upgrade to 1.5.1 was incomplete - the css integration was missing!

For some unknown reason the emptyMsg in edatagrid/datagrid is not shown in my project (please refer the attached screenshot).

However, if I try elsewhere for e.g. in jsfiddle, it works: http://jsfiddle.net/m4ff4t2o/

I am using easyui 1.5.1 with jquery-1.11.3 and I have an "extends" block in my project where I set project specific settings  (icon, pagelist for pagination etc.) for the datagrid and edatagrid plugin. One other difference to the fiddle example above: in my project the data is loaded remotely.

Any idea what the problem could be?

Yes, that does the needful. Thanks very much for the timely support.

Is it possible to fire tree's onSelect/onClick event only for new selection?

How can I ignore the onSelect event if the user selects the same node multiple times?

Thankyou Jarry for the solution. It works just as desired.

I have now added the two events in extends block for both datagrid and edatagrid.

Can this be included as EasyUI Standard feature? On double click why would anyone want to trigger the sorting twice?

Please let me know your opinion.

I have remote sort on all my datagrids. If a double-click on datagrids sortable column is made, the corresponding action is executed twice.

How can the double-click on datagrid header be interpreted to avoid the repeat action?
Or how can the second click of the double-click be ignored?

In Chrome & IE 11 I get this error on calling:

Code:

	$.messager.show({
		title:"Information",
		msg: 'Login successful',
		timeout:4000,
		showType:'slide'
	});

Please find the complete error stack attached.

In Firefox this is running fine. Any idea what the problem could be?


In function _2aF() at jquery.easyui.min.js:3893, the property scrollTop is accessed to calculate the style bottom :

Code:

var opts=$.extend({},$.messager.defaults,{
modal:false,
shadow:false,
draggable:false,
resizable:false,
closed:true,
style:{
   left:"",top:"",
   right:0,
   zIndex:$.fn.window.defaults.zIndex++,
   bottom:-document.body.scrollTop-document.documentElement.scrollTop
},
title:"",
width:250,
height:100,
minHeight:0,
showType:"slide",
showSpeed:600,
content:_2b0.msg,
timeout:4000},_2b0);

[remote via url]

When an icon is inserted in 'icons' array as shown above in function '_insertRefreshIcon', the combobox-data (locally or remote via url) gets loaded again.

Is there an alternate way to define the icons other than "$(cb).combobox({icons:icons});" so that the reloading of data can be avoided?

Thanks for looking into it.

OK, thanks very much for the clone tipp.

How can I extend the combobox plugin to get this refresh icon added by default to all the comboboxes including combobox-editors but EXCLUDING comboboxes in filter panel?



The idea is to have an event which will be called when reload icon is clicked. I have the event already defined:

Code:

$.fn.combobox.defaults = $.extend({}, $.fn.combobox.defaults, {
	onReloadIconClicked: function(cb) {
		$(cb).combobox('reload');
	}
});

// currently I am inserting the icon manually with the handler as follows:
function _insertRefreshIcon(cb) {
    var opts = cb.combobox('options');
  if(cb.hasClass('combobox-f') && opts.addRefreshIcon == true) {
	if(cb.parent().hasClass('datagrid-filter-c')) {
		return; // don't add refresh icon for filter comboboxes! 
  	}
    if(opts.icons.length == 0 || (opts.icons[0] && opts.icons[0].iconCls != 'icon-reload')) {
      	var icons = $.extend([],opts.icons);
    	icons.unshift({
    		iconCls:'icon-reload',
    		handler: function(e){
    			opts.onReloadIconClicked.call(this, cb);
    		}
    	});
    	$(cb).combobox({icons:icons});
    }
  }
}

Very good suggestion stworthy! The 'formatter' fits perfectly for my icon styling. Thanks very much!