Grid Textbox not showing in internet Explorer

[kbloemParticipant]

Hello,

i have a filter textbox wich works in all browsers except Internet Explorer. Is this know behaviour and if yes, what can i do about it? I tried css positioning but it is just not showing.

http://www.gamepedia.nl/index.php/archief-videos

Thank You

[DimitarParticipant]

Hello kbloem,

This is not a normal behaviour. Could you, please, provide us with your grid initialization code and any other specifics that might help us determine the source of the issue?

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[kbloemParticipant]

Hello Dimitar,

Below is my code…

        $(document).ready(function () {
            // prepare the data
            var source =
            {
                datatype: "json",
                datafields: [
                { name: 'taal', type: 'string'},
                { name: 'titel', type: 'string'},
                { name: 'sitenaam', type: 'string'},
                { name: 'gamer_int', type: 'string'},
				{ name: 'url', type: 'string'},
				{ name: 'siteurl', type: 'string'},
                { name: 'datum', type: 'string'}
                ],
                url: 'http://www.gamepedia.nl/code_games/nieuws_videos_archief_data.php',  
                cache: false
            };
			
            var dataAdapter = new $.jqx.dataAdapter(source);
			
            var imagerenderer = function (row, datafield, value) {
                return '<div style="padding-left: 2px;"><img src="../../images/' + value + '" /></div>';
            }
			
			var profilerenderer = function(row, cell, value) {
            return '<div style="text-align: left; padding-left: 10px;"><a href="http://www.gamepedia.nl/index.php/component/comprofiler/userprofile/'+value+'" vertical-align="middle"/>'+value+'</a></div>';
			}
			
			var paginalinkrenderer = function(row, column, value, defaultHtml, columnSettings, rowData) {
			return '<div style="text-align: left; padding-left: 10px;"><a href="' + rowData.url + '" target="_blank" data-rokbox="">' + value + '</a></div>';
			}
		
			var sitelinkrenderer = function(row, column, value, defaultHtml, columnSettings, rowData) {
			return '<div style="text-align: left; padding-left: 10px;"><a href="' + rowData.siteurl + '" target="_blank">' + value + '</a></div>';
			}
		
			var linkrenderer = function (row, column, value) {
                if (value.indexOf('#') != -1) {
                    value = value.substring(0, value.indexOf('#'));
                }
                var format = { target: '"_blank" data-rokbox=""' };
                var html = $.jqx.dataFormat.formatlink(value, format);
                return html; 
            }
			
			var columnrenderer = function (value) {
                return '<div style="text-align: left; margin-top: 2px; padding-left: 12px; vertical-align: center;font-weight:bold;font-size:13px;">' + value + '</div>';
            }

			var datumrenderer = function (row, column, value) {
                return '<div style="text-align: left; padding-left: 10px;">' + value + '</div>';
            }
			
			$("#jqxgrid").jqxGrid(
            {
                pagesize : 20,
				pagesizeoptions: ['20', '50', '100'],
				width : 1170,
				theme:"black",
				showfilterrow: true,
				source: dataAdapter,
				filterable: true,
				pageable: true, 
				autoheight: true,
				filtermode: 'excel', 
				selectionmode: 'multiplecellsextended',
				columns: [
                { text: '', datafield: 'taal' , width: 30, cellsrenderer: imagerenderer, renderer: columnrenderer,filterable: false},
                { text: 'Titel', columntype: 'textbox', filtertype: 'textbox', filtercondition: 'starts_with', datafield: 'titel' ,  width: 700, cellsrenderer: paginalinkrenderer, renderer: columnrenderer}, 
                { text: 'Website', datafield: 'sitenaam', width: 190, cellsrenderer: sitelinkrenderer, renderer: columnrenderer,filtertype: 'checkedlist' },
                { text: 'Ingezonden Door', datafield: 'gamer_int', width: 150, cellsrenderer: profilerenderer, renderer: columnrenderer },
                { text: 'Datum', datafield: 'datum', filtertype: 'date', width: 100, renderer: columnrenderer, cellsrenderer: datumrenderer, filterable: false} 
                ]
            }); 
			$('#clearfilteringbutton').jqxButton({ height: 25});
            $('#clearfilteringbutton').click(function () {
                $("#jqxgrid").jqxGrid('clearfilters');
            });

        }); 
		

[DimitarParticipant]

Hello kbloem,

We tested your code in Internet Explorer (with no data) and everything works as expected. It is possible that some styling in your page is what causes the issue.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[kbloemParticipant]

Well, could you check the link below and see for yourself?

gamepedia.nl/index.php/algemeen

In Firefox and Chrome i have a text filter box. In Internet Explorer it only shows the pulldown filter box.

[DimitarParticipant]

Hi kbloem,

You have the following jQuery selector error:

Invalid jQuery Selector – #clearfilteringbutton! Please, check whether the used ID or CSS Class name is correct.

Please resolve this issue – the button is either with a different id or not on the page at all.

There is also the following:

Object doesn’t support property or method ‘getElementsByClassName’

from script.js, line 7 character 2.

We hope that after you correct these, everything will be working fine.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts