rows not in correct order

[Robin KluthMember]

Hi,

since the latest update (2.9.0) I experienced the following:

Screenshot @ http://img.xrmb2.net/images/837313.png

My environment:

* jQWidgets 2.9.0
* jQuery 1.10.1
* YAML (CSS Framework) 4.0.2

I have my grids inside a NavigationBar!

Grid-Code:

<div id="jqxGrid-proddb-fatjki-beitrag"></div>
										<script type="text/javascript">
					var theme = getTheme();
var settings_proddb_fatjki_beitrag = {height: 500,
	width: 800,
	theme: theme,
	altrows: true,
	sortable: false,
	columns: [
		{ text: 'Titel', datafield: 'title'}
		,{ text: 'Keywords', datafield: 'proddb.fatjki.beitrag.07_KW.txt_d' }	],
	enabletooltips: true};
$("#jqxGrid-proddb-fatjki-beitrag").jqxGrid(settings_proddb_fatjki_beitrag);
$("#jqxGrid-proddb-fatjki-beitrag").on('bindingcomplete', function () {
	var localizationobj = {};
	localizationobj.pagergotopagestring = "Gehe zu:";
	localizationobj.pagershowrowsstring = "Zeige Zeile:";
	localizationobj.pagerrangestring = " von ";
	localizationobj.pagernextbuttonstring = "voriger";
	localizationobj.pagerpreviousbuttonstring = "nächster";
	localizationobj.sortascendingstring = "Sortiere aufsteigend";
	localizationobj.sortdescendingstring = "Sortiere absteigend";
	localizationobj.sortremovestring = "Entferne Sortierung";
	// apply localization.
	$("#jqxGrid-proddb-fatjki-beitrag").jqxGrid('localizestrings', localizationobj);
});
</script>
</div>

source & dataadapter:

var source =
		{
				datatype: "json",
			id: 'id',
			localdata: src[k].data
		};
			var dataAdapter = new $.jqx.dataAdapter(source);
		$("#jqxGrid-"+k).jqxGrid({source: dataAdapter});
		$("#jqxGrid-"+k).jqxGrid('refreshdata');

Did you changed something with this update which could explain my issue?

Thanks in advance!

[Peter StoevKeymaster]

Hi,

We cannot reproduce that. Please provide a sample which demonstrates the issue on your side. In addition, make sure that you updated the CSS Files, too.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Robin KluthMember]

Thanks for your answer.

I’ve figured it out:

As I said before: I use YAML. I use the grid inside a .ym-form:

<form class="ym-form ym-columnar" onsubmit="return false;" id="result">

.ym-form has the following position style:

.ym-form div { position:relative; }

This is the issue – if I remove that css-style over Firebug it looks ok. I did not update YAML, I simply updated jQWidgets.

It does not matter which position is set: the grid always gets crashed – I have to remove the whole css entry for now. Do you changed something that could explain that behaviour?

Thanks in advance!

[Peter StoevKeymaster]

Hi,

It seems to be a CSS conflict with your styles. If that is so, make sure that the jqx.base.css is with highest priority.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Robin KluthMember]

Hi,

I’ve loaded the jqx.base.css as last stylesheet, but it does not work either.

I’ve fixed it by put the following after all other stylesheets:

.jqx-grid-cell {
    position: absolute !important; 
 }
/*applied to a grid cell that is part of a rows group.*/
 .jqx-grid-group-cell{ 
    position: absolute !important; 
}

The !important was the magic key – But I dont understand it: The stylesheet option, coming from YAML, cannot be overwritten – but it should..? There is no other !important and I have to set it for .jqx-grid-cell to get it back working.

Weird.

[Author]

Posts