Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_TopicIcon
2nd Grid not showing in Internet explorer
20/08/2014
19:47
Avatar
salute
New Member
Members
Forum Posts: 1
Member Since:
20/08/2014
sp_UserOfflineSmall Offline

Hey folks,

I got a problem with showing 2 Grids in Internet explorer, I tested it in ie 8 and ie11 with Same result. the first grid is displayed properly, but the second one is missing. Chrome and Firefox are showing both tables.

Here is my configuration. I would appreciate every form of help because i tried to fix this for 2 days and its driving me nuts.

 

[...]

<script type="text/javascript">

$( document ).ready(function() {
$(function(){
console.info("ObjectName1: ", test);
$('#genDataTable1').assGrid({
basepath: '<%= request.getContextPath() %>',
objectName: '<%= task.getGenTable1Typ() %>',
caption: '<%= task.getGenTable1Typ() %>',
massnahmeNummer: '<%= task.getMassnahmeNummer() %>',
pager: '#pager1'
});
});

$(function(){
$('#genDataTable2').assGrid({
basepath: '<%= request.getContextPath() %>',
objectName: '<%= task.getGenTable2Typ() %>',
caption: '<%= task.getGenTable2Typ() %>',
massnahmeNummer: '<%= task.getMassnahmeNummer() %>',
pager: '#pager2'
});
});
});
</script>

[...]

<div id="container1">
<table id="genDataTable1">
<tr>
<td></td>
</tr>
</table>
<div id="pager1"></div>
</div>

 

<!-- GenDataTable 2 mit REST-Daten BEGIN -->
<div id="container2">
<table id="genDataTable2">
<tr>
<td></td>
</tr>
</table>
<div id="pager2"></div>
</div>

[...]

JS Config :

(function ( $ ) {
$.fn.assGrid = function(options) {

var basepath = options.basepath;
var massnahmeNummer = options.massnahmeNummer;
var caption = options.caption;
var objectName = options.objectName;

var restBasePath = "/rest/GenDataTable/";
var listSelector = this.selector;
console.log(this.selector);
var restURL = basepath + restBasePath + objectName + "/?massnahme=" + massnahmeNummer;
var grid;

$.get(basepath + restBasePath + objectName + "/definitions", function(data) {
onDefinitionsLoaded(data);
});

var dateEditOptions = {
dataInit: function (elem) {
$(elem).datepicker({
dateFormat: "dd.mm.yy",
firstDay: 1,
prevText: '<zurück', prevStatus: '',
prevJumpText: '<<', prevJumpStatus: '',
nextText: 'Vor>', nextStatus: '',
nextJumpText: '>>', nextJumpStatus: '',
currentText: 'heute', currentStatus: '',
todayText: 'heute', todayStatus: '',
clearText: '-', clearStatus: '',
closeText: 'schließen', closeStatus: '',
monthNames: ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'],
dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
});
}
};

function onDefinitionsLoaded(definitions) {
var colNames = new Array();
var colModels = new Array();

var counter = 0;
_.each(definitions, function(def) {
colNames.push(def._columnName);
var colModel = {
name: def._attributeName,
width: def._columnSize == undefined ? 50 : def._columnSize,
editable: def._columnEditable,
hidden: !def._columnViewed
};
if (def._attributeType == "java.util.Date") {
colModel.editoptions = dateEditOptions;
}
if (def._attributeType == "java.lang.Boolean") {
colModel.edittype = 'checkbox';
colModel.formatter = 'checkbox';
colModel.editoptions = { value: "true:false" };
}

if (def._cellEditor == "combo_bearbeitungsstand"
|| def._cellEditor == "combo_bau_kennzeichen"
|| def._cellEditor == "combo_bestellnr"
|| def._cellEditor == "bauunternehmen_editor" ) {
colModel.edittype = 'select';
colModel.formatter = 'select';
colModel.editoptions = { value: def._cellEditorDetails };
colModel.editoptions = { value: 'Test1:test1;TEst2:test2' };
}

if (def._cellEditor == "investor_list_chooser"
|| def._cellEditor == "bau_list_chooser"
|| def._cellEditor == "address_chooser" ) {
colModel.edittype = 'select';
colModel.formatter = 'select';
colModel.editoptions = { value: def._cellEditorDetails };
colModel.editoptions = { value: 'Test3:test3;TEst4:test4' };
}
colModels.push(colModel);
});

grid = $(listSelector).jqGrid({
url: restURL,
ajaxGridOptions: { contentType: "application/json; charset=utf-8" },
datatype: "json",
pager: options.pager,
mtype: "GET",
loadonce: true,
rowNum: 30,
height: 250,
width: 1200,
rowList: [10, 20, 30],
sortname: "invid",
sortorder: "desc",
viewrecords: true,
gridview: true,
autoencode: false,
caption: caption,
colNames: colNames,
colModel: colModels,

'cellEdit': true,
'cellsubmit' : 'remote',
'cellurl': restURL,
'ajaxCellOptions': {
contentType: "application/json",
type: "PUT"
},
serializeCellData : function(postdata) {
var list = $(listSelector);
var selectedRow = postdata.id;
rowData = list.getRowData(selectedRow);

var post = {
Id: rowData['Id']
};

for(var field in postdata){
var value = postdata[field];
if (field != "oper" && field != "id") {
post[field] = value;
}
}
console.log(JSON.stringify(post));
return JSON.stringify(post);
}
});

grid.jqGrid('navGrid', options.pager,
{
search: false,
add: true,
edit: false,
del: true
},
updateDialog('PUT'),
updateDialog('POST'),
updateDialog('DELETE')
);
};

function updateDialog(action) {
return {
url: restURL,
closeAfterAdd: true,
closeAfterEdit: true,
afterShowForm: function (formId) { },
modal: true,
onclickSubmit: function (params, postdata) {
var list = $(listSelector);
var selectedRow = grid.getGridParam("selrow");
rowData = list.getRowData(selectedRow);
if (action != 'POST') { // bei POST-Aufrufen gibt es keine Ressourcen-ID am Ende der URL
params.url += '&Id=' + rowData.Id;
}
params.mtype = action;
},
width: "600",
ajaxEditOptions: {
datatype: "json",
contentType: "application/json; charset=ISO-8859-1"
},
serializeEditData: function(postdata){
if(action == 'POST'){
postdata['id'] = undefined;
delete postdata["oper"];
postdata['MassnahmeNummer'] = massnahmeNummer;
}
return JSON.stringify(postdata);
}
};
};
};
}( jQuery ));

 

Regards

21/08/2014
16:17
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

 

As far as I know ie8 you have a error here

....

dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'], <--- comma here
});

 

IE does not like this.

Check for other such kind of errors

Regards

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

Forum Timezone: Europe/Sofia

Most Users Ever Online: 496

Currently Online:
27 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information