[internaut19Participant]

True, I found my problem, it was obvious.

Thanks for your help.

Chris

[internaut19Participant]

Hello, Hristo

As I said you need to add the filterrow option and do a search in one of the columns filters.

Note: The first time the grid loads the remote data, the spinner is displayed correctly.

Any chance that you can move this topic in the Grid subforum?

Thanks,
Chris

[internaut19Participant]

Ok, sorry, I noticed my mistake now.

Thanks,
Chris

[internaut19Participant]

Hello Peter,

I’ve created a new fiddle http://jsfiddle.net/agjmwuob/, this should be more clear.

Thanks,
Chris

[internaut19Participant]

As a follow up, apparently the problem can be reproduced only with Firefox (I tried the latest version but an older one as well) because in Chrome and Edge it displays the spinner correctly.

[internaut19Participant]

Hello, Hristo!

Thank you for your reply.

The issue that I am reporting is not the result of a custom zooming feature, I discovered that with the default Windows 10 settings (print screen with the Windows default display settings – https://ibb.co/qymPndT), the issue can be easily reproduced, all you have to do is open multiple new TABs in jqxTabs and see how the height of the jqxTabs title increases.

The problem occurs only with Mozilla Firefox (current version 80.0.1), using Chrome, Edge or Opera the tabs are displayed correctly.

As seen in the above print screen, the 125% is recommended and set by Windows. I am guessing that any resolution greater or equal with Full HD is affected because that setting will be activated.

Regards,
Chris

[internaut19Participant]

Elegant solution.

Many thanks,
Chris

[internaut19Participant]

Can someone point me in the right direction?

Thanks,
Chris

[internaut19Participant]

Hi Dimitar,

I am trying to implement the above idea on a grid that has no initial data and the information is added via the everpresentrow. When the grid is initialized the tooltip is displayed on hover, if data is added the tooltip does not show up anymore. How to fix this?

I prepared an example http://jsfiddle.net/xhekgmab/33/.

Thansk,
Chris

[internaut19Participant]

Any chance that you can point me in the right direction, meaning which files to modify in order to fix this easily?

Thanks,
Chris.

[internaut19Participant]

For some reason, I cannot edit the above code and I noticed that there is an error in the code:

$('#button').jqxButton({ theme: 'energyblue' });

$('#jqxwindow_GridDetails').jqxWindow({
	resizable: false,  isModal: true, autoOpen: false, modalOpacity: 0.5
});

$('#button').on('click', function () {
	var selectedrowindexes = $('#Grid').jqxGrid('getselectedrowindexes');
	if (selectedrowindexes.length > 0){
		// returns the selected row's data.
		var rowindex = $('#Grid').jqxGrid('getselectedrowindex');
		var dataRecord = $('#Grid').jqxGrid('getrowdata', rowindex);								

		var source_GridDetails =
		{
			datatype: 'json',
			datafields: [
					{ name: 'cd_id', type: 'int'},
					{ name: 'track_name', type: 'string'},
					{ name: 'datetime', type: 'date', format: 'yyyy-MM-dd HH:mm:ss'}
			],
			id: 'cd_id',
			url: 'util_post.php?id=' + dataRecord.info_id,
			root: 'Rows',
			cache: false,					
			filter: function()
			{
				// update the grid and send a request to the server.
				$('#GridDetails').jqxGrid('updatebounddata', 'filter');
			},
			beforeprocessing: function(data)
			{		
				source_GridDetails.totalrecords = data[0].TotalRows;
			}
		};

		var dataAdapter_GridDetails = new $.jqx.dataAdapter(source_GridDetails, {
			loadError: function (xhr, status, error) {
				alert('Error loading \"' + source_GridDetails.url + '\" : ' + error); 
			} 
		});

		//Initializing the demo
		$('#jqxwindow_GridDetails').jqxWindow({
			width: 'auto',
			height: 'auto',
			minWidth: 750,
			minHeight: 560,
			initContent: function () {
				$('#GridDetails').jqxGrid(
				{
					width: 750,
					height: 560,
					source: dataAdapter_GridDetails,
					pageable: true,
					pagesize: 20,
					columns: [
					   { text: 'Cd Id', dataField: 'cd_id', width: 250 },
					   { text: 'Track name', dataField: 'track_name', width: 250 },
					   { text: 'Date', dataField: 'datetime', width: 250 }
					]
				});
			}
		});
		$('#jqxwindow_GridDetails').jqxWindow('open');
	} else {
		$.noty({ text: 'No selection.', layout: 'top', theme : 'noty_theme_twitter', type: 'error', speed : 500, timeout: '1500', modal: true});
	}	
});

[Author]

Posts