Vertical Splitter resize issue

[mullai.bParticipant]

Hi ,

1) When i drag vertical splitter i am getting error ‘args.panels’ is null or not an object.

But i drag Horisplitter error is not thrown.

Not able to eradicate.

2) Zoom-IN and Zoom-Out, the splitter is not resizing to zoom property

Script:

$(document).ready(function () {
theme = “base”;

$(‘#verticalsplitter’).jqxSplitter({
width: ‘98%’,
height: ‘95%’,
orientation: ‘vertical’,
panels: [
{ size: “20%”, min: “10%” },
{ size: ‘80%’, min: “5%”, collapsible: false}]
});

$(‘#horisplitter’).jqxSplitter({
orientation: ‘horizontal’,
width: “100%”,
height: “100%”,
panels: [
{ size: “50%”, min: “10%”, collapsible: false },
{ size: ‘50%’, min: “5%”}]

});
$(‘#jqxPanel1’).jqxPanel({ width: ‘99.8%’, height: ‘100%’, sizeMode: ‘wrap’ });
$(‘#jqxPanel2’).jqxPanel({ width: ‘99.8%’, height: ‘100%’, sizeMode: ‘wrap’ });
$(‘#events’).jqxPanel({ theme: theme, height: ‘100%’, width: ‘100%’, sizeMode: ‘wrap’ });

$(‘#verticalsplitter’).on(‘resize’,
function (event) {
$(‘#verticalsplitter’).jqxSplitter(‘refresh’);
$(‘#horisplitter’).jqxSplitter(‘refresh’);
displayEvent(event);
});

$(‘#horisplitter’).on(‘resize’, function (event) {
$(‘#verticalsplitter’).jqxSplitter(‘refresh’);
$(‘#horisplitter’).jqxSplitter(‘refresh’);

displayEvent(event);
});

function displayEvent(event) {
var eventData = “Event: “;
if ($(‘#horisplitter’)) {

eventData += ” horisplitter “;
}
else {

eventData += ” horisplitter “;
}

eventData += “, Panel 1: ” + event.args.panels[0].size;
eventData += “, Panel 2: ” + event.args.panels[1].size;

$(‘#events’).jqxPanel(‘prepend’, ‘

‘ + eventData + ‘

‘);
}

});

code:

Navbar

jqxChart – improved date string handling in old IE browsers. .

jqxChart – improved date string handling in old IE browsers. .

Regards,
Mullai

[mullai.bParticipant]

Navbar

jqxChart – improved date string handling in old IE browsers. .

jqxChart – improved date string handling in old IE browsers. .

[Peter StoevKeymaster]

Hi,

Here’s a sample which shows how to handle the Splitter events: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/jquery-splitter-events.htm?web

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts