[punkrackParticipant]

Hello,

It is true that with the current version, the problem is solved, my apologies.
I was (and still) am using an older version because it works better on iPad with what I’m doing.

But with the current version, I am still having problems on iPad relating to :

https://www.jqwidgets.com/community/topic/change-value-on-touch-devices/

are you still working on the issue ?

[punkrackParticipant]

I don’t know if it’s related to this topic, but changing values on the iPad with decimal seperator “,” with spinButtonsStep set to 0.1 , when changing to add, it works only once. It will go from 14,00 to 14,10 but you cannot get the number to a higher value. Pressing the button numerous times don’t work.

Also, when pressing down from say 14.10 (after having pressing up), it will go down by 1.00 intervals and not 0.1.

[punkrackParticipant]

ok!

Thank you very much for the answer and the support.

[punkrackParticipant]

ok thanks for answering my question !

[punkrackParticipant]

Hi!

If it may be of any help, this is how I got done saving the state in DB and then loading

				
  	
function saveState() {  
var theURL = "your-url"; 
var getState = $("#jqxgrid").jqxGrid('savestate');  	  	  	
  var stateToSave = JSON.stringify(getState);
// YOU ARE SAVING A STRING
  	
  $.ajax({
  	type: "POST",										
	url: theURL,		
	data: { state_save: stateToSave },		 
	success: function(response) {
		alert("response = " + response);
                               // STRING IS INSERTED IN DB WITH QUOTES (") AND {}
                              // EX : {"width":"100%","height":400...
	}
});	
}

function loadState() {  	
  var theURL = "your-url";
						
	$.ajax({
		type: "GET", //  OR POST WHATEVER...
		url: theURL,
		data: { what: 'ever-you-need' },		 
		success: function(response) {										
		    if (response != "") {	
		               //  IMPORTANT HERE. IN PHP, THE FUNCTION MUST BE RETURNED LIKEWISE:
//return stripslashes(html_entity_decode($result[0]["state"]));
// WHERE $result[0]["state"] IS THE STRING INSERTED IN THE DB
							
			response = JSON.parse(response);	
// IF YOU alert(response) YOU SHOULD GET AN [object Object] AND NOT A STRING. IF YOU GET A STRING SUCH HAS "{"width":"100%","height":400..." IT IS WRONG.														
			$("#jqxgrid").jqxGrid('loadstate', response);
		    }								
	               }
	});			  	  	  	  	
  }					

Hope it will help.
Version 3.0.2

[punkrackParticipant]

Excellent!

Looking forward for it to be fixed in the next release!

[punkrackParticipant]

Here is an example with version 2.9.2

Everything is fine if you repeat steps above

http://colligetest.ccdmd.qc.ca/test-jqxwidgets/test292.php

[punkrackParticipant]

Hi Peter:

Here is an example on how to reproduce the bug:

http://colligetest.ccdmd.qc.ca/test-jqxwidgets/test.php

I stripped down all the unecessary code I put. Grid starts on document.ready

1) When grid loads, select a row, it selects it on page 1.
2) Go to page 2, select a row, everything is fine.
3) Filter column ‘Modèle’, with contains ‘bio’
4) You get filtered results
5) Select a row, everything is fine.
6) Go to page 2, select a row, javascript error and row does not get selected EXCEPT the very first one on top.

Using version 3.0.1.

Waiting for feedback.

Thanks!

[punkrackParticipant]

Hi Peter,

In your example link, I cannot filter any column…
If you do not filter any column, there is no problem.

Try using a filter like filtering First Name : Nancy. And let me know if you did reproduce the problem.

If not, I will provide an example.

[punkrackParticipant]

Yes, it’s resolved in 3.0.1

Thanks a lot!

Btw, savestate and loadstate also works properly now with virtualmode with 3.0.1 also

Thanks again !

[punkrackParticipant]

Hi!

Thanks Reter for investigating.

Let me know if you can reproduce this behavior.

If not, I can provide a link / working example with this behavior.

[punkrackParticipant]

Got same problem…

[punkrackParticipant]

Hi!

I put 2 buttons just like in the demo “save state” and “load state”. Attached to these buttons are 2 functions :

function saveState() {
state = $(“#jqxgrid”).jqxGrid(‘savestate’);
}

function loadState() {
if (state) {
$(“#jqxgrid”).jqxGrid(‘loadstate’, state);
}
else {
$(“#jqxgrid”).jqxGrid(‘loadstate’);
}
}

When I press loadState after saveState to test, I get this javascript error:

Error: jqxGrid: The data is still loading. When the data binding is completed, the Grid raises the ‘bindingcomplete’ event. Call this function in the ‘bindingcomplete’ event handler. [http://colligetest.ccdmd.qc.ca/js/jqwidgets/jqxgrid.filter.js:7]

Here is my grid code :

var state = null;
var source =
		{
			datatype: "json",
		datafields: [
			{ name: 'chk_box', type: 'string'},
			{ name: 'titre_fiche', type: 'string'},
			{ name: 'titre_modele', type: 'string' },
			{ name: 'type_acces', type: 'string' },
			{ name: 'date_modification', type: 'date' },
			{ name: 'suivi', type: 'string' }			
		],
		cache: false,				
		url: baseURL + '/collections/mes-collections/selectionner-fiches-collection',		
		filter: function()
		{
			// update the grid and send a request to the server.
			$("#jqxgrid").jqxGrid('updatebounddata', 'filter');
		},
		sort: function()
		{									
			// update the grid and send a request to the server.
			$("#jqxgrid").jqxGrid('updatebounddata', 'sort');
		},
		root: 'Rows',
		beforeprocessing: function(data)
		{					
			if (data != null)
			{
				source.totalrecords = data[0].TotalRows;							
			}
		}
		};		
		var dataadapter = new $.jqx.dataAdapter(source, {								
			loadError: function(xhr, status, error)
			{
				alert(error);								
			}
		}
		);	
// initialize jqxGrid
		$("#jqxgrid").jqxGrid( {		
			width: '100%',
			source: dataadapter,
			theme: jqw_theme,
			selectionmode: 'multiplerows', 
			autosavestate: false,
			autoloadstate: false,
			filterable: true,
			sortable: true,
			pageable: true,
			columnsresize: true,
			autoheight: true,			
			virtualmode: true,
			showdefaultloadelement: false,
			pagesizeoptions: jqw_pagesizeoptions, 			
			rendergridrows: function(obj)
			{
				return obj.data;    
			},
			ready: function()
			{
				
			},      	
			columns: [				
				{ text: '', datafield: 'chk_box', sortable: false, filterable: false, editable: false, width: '5%', 
					renderer: function () {
						return '<div></div>';						
					}          
				},
				{ text: 'TITRE', datafield: 'titre_fiche', width: '45%' },
				{ text: 'MODÈLE', datafield: 'titre_modele', width: '15%' },
				{ text: 'ACCÈS', datafield: 'type_acces', width: '10%' },
				{ text: 'DATE MODIFICATION', datafield: 'date_modification', filtertype: 'date', editable: false, cellsalign: 'left', cellsformat: 'd MMMM yyyy, HH:mm', width: '20%' },
				{ text: '', datafield: 'suivi', sortable: true, filterable: false, editable: false, width: '5%', 
					renderer: function () {
						return '<div></div>';						
					}          
				},				
			]
		});	

What am I doing wrong here ? It should be simple….
Please help… :/

[punkrackParticipant]

ok thanks, it’s working now!

[punkrackParticipant]

Yes, I upgraded to the latest version and now it’s fixed.
Thanks!

[Author]

Posts