jQWidgets Forums

Forum Replies Created

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts

February 3, 2017 at 12:47 pm in reply to: Multiple jqxTabs control instances do not work on one page in ver. 4.5 Multiple jqxTabs control instances do not work on one page in ver. 4.5 #91256

Part13an

Participant

For some reason it works on jsfiddle (http://jsfiddle.net/gLnc0ms2/), though there is an error message in Console: ‘Uncaught TypeError: Cannot read property ‘length’ of undefined’.

But when we try to use it without jsfiddle on a separate page, it doesn’t work. So it works only on jsfiddle.
Here is the page code:

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
		<link rel="stylesheet" type="text/css" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
	
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		
		<script src="https://jqwidgets.com/public/jqwidgets/jqxcore.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxangular.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxbargauge.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxbulletchart.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxbuttongroup.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxbuttons.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxcalendar.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxchart.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxchart.annotations.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxchart.api.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxchart.core.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxchart.rangeselector.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxchart.waterfall.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxcheckbox.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxcolorpicker.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxcombobox.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxcomplexinput.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxcore.elements.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdata.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdata.export.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdatatable.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdate.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdatetimeinput.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdocking.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdockinglayout.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdockpanel.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdragdrop.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdraw.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdropdownbutton.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxdropdownlist.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxeditor.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxexpander.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxfileupload.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxformattedinput.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgauge.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.aggregates.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.columnsreorder.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.columnsresize.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.edit.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.export.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.filter.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.grouping.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.pager.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.selection.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.sort.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxgrid.storage.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxinput.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxkanban.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxknob.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxknockout.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxlayout.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxlistbox.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxlistmenu.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxloader.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxmaskedinput.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxmenu.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxnavbar.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxnavigationbar.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxnotification.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxnumberinput.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxpanel.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxpasswordinput.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxpopover.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxprogressbar.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxradiobutton.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxrangeselector.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxrating.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxresponse.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxresponsivepanel.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxribbon.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxscheduler.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxscheduler.api.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxscrollbar.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxscrollview.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxslider.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxsortable.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxsplitter.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxswitchbutton.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtabs.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtagcloud.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtextarea.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtoolbar.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtooltip.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtouch.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtree.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtreegrid.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxtreemap.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxvalidator.js"></script>
		<script src="https://jqwidgets.com/public/jqwidgets/jqxwindow.js"></script>
		
		<script type="text/javascript">
			$(function(){
			 $('#jqxTabs').jqxTabs({
				 width: 300,
				 height: 150,
				 theme: 'energyblue',
				 animationType: 'fade'
			 });
			  $('#jqxTabs2').jqxTabs({
				 width: 300,
				 height: 150,
				 theme: 'energyblue',
				 animationType: 'fade'
			 });
			});
		</script>
	</head>
	<body>
		
		<div id='jqxTabs'>
			<ul style='margin-left: 20px;'>
				<li>Tab 1</li>
				<li>Tab 2</li>
				<li>Tab 3</li>
			</ul>
			<div>
				<div id='jqxTabs2'>
					<ul style='margin-left: 20px;'>
						<li>Tab 4</li>
						<li>Tab 5</li>
						<li>Tab 6</li>
					</ul>
					<div>Content 4</div>
					<div>Content 5</div>
					<div>Content 6</div>
				</div>
			</div>
			<div>Content 2</div>
			<div>Content 3</div>
		</div>
		
	</body>
</html>

February 2, 2017 at 4:18 pm in reply to: Multiple jqxTabs control instances do not work on one page in ver. 4.5 Multiple jqxTabs control instances do not work on one page in ver. 4.5 #91214

Part13an

Participant

Hi!
We’ve tried to follow your advice.
We got rid of jqx-all.js file in our application and added all individual script files from jqwidgets folder to the page.
We still have the same error.

January 20, 2017 at 11:40 am in reply to: Multiple jqxTabs control instances do not work on one page in ver. 4.5 Multiple jqxTabs control instances do not work on one page in ver. 4.5 #90853

Part13an

Participant

We use many jqWidgets controls on many pages in our project, we need correct jqx-all.fs file. When will the issue be fixed?

November 4, 2016 at 10:06 am in reply to: how to froze rows as footer how to froze rows as footer #88740

Part13an

Participant

Hello,

Thank you for answers, but I met strange error.

I have column with dataType = ‘date’ and cellsformat = “MMM-yyyy”. If I use custom aggregate which return any value (new Date(), ”, 0) I receive error:
jqx-all.js:7 Uncaught Bad number format specifier: M
formatnumber @jqx-all.js:7
(anonymous function) @jqx-all.js:7
each @jquery.js:657
getAggregatedData @jqx-all.js:7
_calculateaggregate @jqx-all.js:7
_updateaggregates @jqx-all.js:7
_render @jqx-all.js:7
render @jqx-all.js:7
(anonymous function) @jqx-all.js:7

What value format should I Return? Other columns with different formats work fine, but these kind of columns just destroy all functionality.

April 3, 2015 at 9:44 am in reply to: DateTimeInput can't enter a date manually DateTimeInput can't enter a date manually #69523

Part13an

Participant

Thanks, i’ll try

April 3, 2015 at 9:43 am in reply to: DateTimeInput can't enter a date manually DateTimeInput can't enter a date manually #69522

Part13an

Participant

The version of jqWidgets – 3.6 , but i have tried on 3.7.1 and got the same result.

February 3, 2015 at 1:21 pm in reply to: Treegrid and CellValueChanged Treegrid and CellValueChanged #66422

Part13an

Participant

“The param seems to be there only when the cell’s updated through API” – What does it mean? If i’ll use ‘setCellValue’ method, dataField will appear ?

December 29, 2014 at 1:45 pm in reply to: How to edit a cell in one click? How to edit a cell in one click? #64790

Part13an

Participant

But can i use “click” event for this purpose and start editing programmatically? Do you have any examples ?

November 14, 2014 at 12:57 pm in reply to: Reinit TreeGrid Reinit TreeGrid #62764

Part13an

Participant

Cool, thanks, where can i find description of “destroy” and similar methods?

November 14, 2014 at 8:49 am in reply to: Reinit TreeGrid Reinit TreeGrid #62753

Part13an

Participant

Thanks, but how can I do it? Just remove html element or what?

November 13, 2014 at 4:07 pm in reply to: Reinit TreeGrid Reinit TreeGrid #62715

Part13an

Participant

Uf, found the solution. Sections initialization should be before columns initializations during reInit.

$(“#” + this.GridName).jqxTreeGrid(
{
source: dataAdapter,
altRows: true,
showHeader: true,
ready: function () {
},
columnGroups: formatedSections,
columns: columns

});

works good

November 13, 2014 at 3:11 pm in reply to: Reinit TreeGrid Reinit TreeGrid #62707

Part13an

Participant

As i understand – Columns can’t be updated, any solution for full grid update ?

November 4, 2014 at 2:19 pm in reply to: jqWidgets inheritance jqWidgets inheritance #62119

Part13an

Participant

Ok, but how can I add additional functionality in a correct way?

Author

Posts

Viewing 13 posts - 1 through 13 (of 13 total)