[aoverton07Participant]

Peter,

Thanks for the advice I’ll make sure to do that as well. It turned out that in my source object I had typed “datafield” instead of “datafields”, im surprised it still worked!

[aoverton07Participant]

Peter,

I found the root cause of the problem. It came from including and using an old version of jqueryui version 1.9.2 I’m not sure why that version would cause a conflict in the code because I thought that jqWidgets only uses jquery, NOT jqueryui. Anyway, updating jqueryui seems to have fixed this error. Thanks!

[aoverton07Participant]

Peter,

I thought that might be the case but the check_indeterminate_black.png is present in the styles/images folder and on top of that it is loaded and visible when the grid is initialized. Like I said, the filtering is working properly it just seems that it will not reload/show the black square for the indeterminate state….

[aoverton07Participant]

Thanks Peter,

This is a simple workaround that definitely works for now, but shouldn’t it work when setting the “value: null” in the initialization?

Best Regards

[aoverton07Participant]

$("#dateTimeTest").jqxDateTimeInput({ 
    theme: theme, 
    width: '120px', 
    height: '25px',
    formatString: 'hh:mm tt',
    showCalendarButton: false, 
    allowNullDate: true, 
    value: null});

$("#testButton").on('click', function(){

    var dateObject = new Date();

    $("#dateTimeTest").val(dateObject);

    //or this
    //$("#dateTimeTest").jqxDateTimeInput('setDate', dateObject);
}

<input type="button" value="CLICK ME" id="testButton" >

<div id="dateTimetest"></div>

There you go, there’s your working example. Steps on how to reproduce:

1. Click the button that says “CLICK ME”
2. Notice that input was set to “12:00 AM”
3. Click button again
4. Notice that input is set to current local time

[aoverton07Participant]

it appears that with the newest version grids do not get fully rendered until all parent elements are visible. When the grid is made visible (it’s tab is selected) you cannot set the source until it gets fully rendered

[aoverton07Participant]

Yes I know this. But if you change the window’s title with “setTitle”, then get the window’s title after changing it….it will return the original title. NOT the new one you changed it to….

[aoverton07Participant]

scratch that, misdiagnoses, the real problem is that when you are using the grids ‘getrowdata’ method, and you pass it a variable that is UNDEFINED for the row parameter, it returns the data for the 0th (first) row, when it should probably return null…

[aoverton07Participant]

I’ve figured out what was causing this. You cannot use the method ‘bringToFront’ with a window that is modal! It appears that the ‘bringToFront’ method sets the z-index of the window to one that is lower than the modal layer.

[aoverton07Participant]

the “cannot read property length” came from the loadstate method, either the method was looking for the state in Local Storage in the wrong place (or wrong name) or I did not have a state stored at all in Local Storage. Not necessarily an error, but if there is no “state” in Local Storage, maybe the method can just load defaults, rather than raising the jquery exception.

[aoverton07Participant]

This issue has been resolved with the latest release of jqwidgets 3.0.3 it also appears that the event listener tied to dragstart on the splitter content has been removed, thank you jqwidget team!

[aoverton07Participant]

you are able to drop a “draggable” item from outside the panel INTO the panel, but any “draggable” item inside the panel cannot be “dragged”, the drag event is started, and immediately canceled, which is why the item is not redrawn to the location of the mouse during mousemove….

[aoverton07Participant]

Peter,

I have confirmed that this issue is unrelated to the third party Plugin, the splitter is inadvertently cancelling any drag and drop events inside it’s panels, please see the sample below which illustrates the simplest of drag and drop examples (taken from the W3Schools website). The drag and drop works outside of the splitter, but not inside. Inspecting the splitter panel (content area, NOT splitbar) in chrome dev tools indicates that there is indeed an event listener tied to “dragstart” and “mousemove”.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title id='Description'>
TEST
</title>
<link rel="stylesheet" href="../js/jqwidgets/jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../js/jQuery/jquery-latest.js"></script>
<script type="text/javascript" src="../js/jqwidgets/jqwidgets/jqx-all.js"></script>
<style type="text/css">
#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}
#div2 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script>
function allowDrop(ev)
{
	ev.preventDefault();
}
function drag(ev)
{
	ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev)
{
	ev.preventDefault();
	var data=ev.dataTransfer.getData("Text");
	ev.target.appendChild(document.getElementById(data));
}
</script>
<script type="text/javascript">
	$(document).ready(function () {
		var theme = 'classic';
			
		$("#testSplitter").jqxSplitter({ theme: theme, height: 400, width: 800 });
	});
 </script>  
 </head>
<body>
		<p>Drag the W3Schools image into the rectangle:</p>
		<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
		<br>
		<img id="drag2" src="http://www.w3schools.com/html/img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69">
       
                             
<div id="testSplitter">
	<div>
    
    	<p>Drag the W3Schools image into the rectangle:</p>
		<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
		<br>
		<img id="drag1" src="http://www.w3schools.com/html/img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69">
        
    </div>
	<div>
		CONTENT
    </div>
</div>
</body>
</html>

Please advise on how to workaround this issue.

Best Regards,

Alex Overton

[aoverton07Participant]

No, i thought the same thing. I am also using my tree inside a splitter, and I had to add an extra panel around the tree. I’ve noticed sometimes the scrollbars dont appear until after you have resized the splitter. a quick consecutive call to collapse/expand will fix this for the mean time

[aoverton07Participant]

easiest way would probably be to put the tree inside a jqxPanel

[Author]

Posts