Forum
Log In
Home
Topic RSS
23:23
21/10/2010
Offline
Hello. I have a page that is not displaying the "Loading..." overlay. The page just pops on the screen when it is done. Can someone tell me why this is happening? Thank you.
The page is here:
http://fltest.comeze.com/20_co.....mpage.html
Here is the code for the file that has the calls to jqGrid:
// Set .js extension for local development
(inMpage) ? jsxt = "" : jsxt = ".js";
load_mpage_ids();
// Function to retrieve data from CCL program
function cbck(suf) {
var curRes = ccl_callback( {
ccl : "20_mp_comm_" + suf + jsxt,
url_prefix : "js",
parameters : [ person_id, encounter_id, user_id ],
eval_result : false
});
return curRes;
}
;
// Here we set a global options
jQuery.extend(jQuery.jgrid.defaults, {
// altRows:true,
autowidth : true,
beforeSelectRow : function(rowid, e) {
return false;
},// disable row highlighting onclick
datatype : "jsonstring",
gridview : false,
height : '100%',
hoverrows : false,
loadonce : true,
sortable : false,
jsonReader : {
repeatitems : false
}
});
// Demographics Grid
$("#demogr").jqGrid( {
caption : "Demographics",
datastr : cbck("demog"),
colNames : [ 'Info', 'Data' ],
colModel : [ {
name : 'Info',
width : "30%",
sortable : false,
jsonmap : 'ITEM'
}, {
name : 'Description',
width : "70%",
sortable : false,
jsonmap : 'DESCRIPTION'
} ],
jsonReader : {
root : "DEMOGRAPHICS",
id : "DEMOID"
}
});
// Allergies Grid
$("#allergygr").jqGrid( {
caption : "Allergies",
datastr : cbck("allergies"),
colNames : [ 'Allergy Type', 'Date' ],
colModel : [ {
name : 'Allergy Type',
width : "70%",
sortable : false,
resizable : false,
jsonmap : 'ALLERGY_TYPE'
}, {
name : 'Date',
width : "30%",
sortable : false,
resizable : false,
jsonmap : 'DATE'
} ],
jsonReader : {
root : "ALLERGIES.QUAL",
id : "ALLERGY_ID"
}
});
// Problems Grid
$("#problemsgr").jqGrid( {
caption : "Problems",
datastr : cbck("problems"),
colNames : [ 'Description', 'Date' ],
colModel : [ {
name : 'Description',
width : "70%",
sortable : false,
resizable : false,
jsonmap : 'PROB_DESC'
}, {
name : 'Date',
width : "30%",
sortable : false,
resizable : false,
jsonmap : 'DATE'
} ],
jsonReader : {
root : "PROBLEMS.QUAL",
id : "PROBLEM_ID"
}
});
// Clinical Status Grid
$("#clinstatusgr").jqGrid( {
caption : "Clinical Status",
datastr : cbck("clin_status"),
colNames : [ 'Item', 'Description', 'Date' ],
colModel : [ {
name : 'Item',
width : "35%",
sortable : false,
resizable : false,
jsonmap : 'ITEM'
}, {
name : 'Description',
width : "35%",
sortable : false,
resizable : false,
jsonmap : 'DESCRIPTION'
}, {
name : 'Date',
width : "30%",
sortable : false,
resizable : false,
jsonmap : 'DATE'
} ],
jsonReader : {
root : "CLIN_STATUS",
id : "STATID"
}
});
// Diagnoses Grid
$("#diagnosesgr").jqGrid( {
caption : "Diagnoses",
datastr : cbck("diagnoses"),
colNames : [ 'Diagnosis', 'Type' ],// ,'Date'],
colModel : [ {
name : 'Diagnosis',
sortable : false,
resizable : false,
width : "70%",
jsonmap : 'DIAG_DESC'
}, {
name : 'Type',
sortable : false,
resizable : false,
width : "30%",
jsonmap : 'TYPE'
} ],
jsonReader : {
root : "DIAGNOSES.QUAL",
id : "DIAGNOSIS_ID"
}
});
// Past Medical History Grid
$("#medicalhisgr").jqGrid( {
caption : "Past Medical History",
datastr : cbck("med_hx"),
colNames : [ 'Type', 'Year' ],// ,'Relationship'],
colModel : [ {
name : 'Type',
sortable : false,
resizable : false,
width : "70%",
jsonmap : 'TYPE'
}, {
name : 'Year',
sortable : false,
resizable : false,
width : "30%",
jsonmap : 'YEAR'
}
/* ,{name:'Relationship', sortable:false, jsonmap:'RELATIONSHIP'} */
],
jsonReader : {
root : "MEDICAL_HX.QUAL",
id : "MEDHXID"
}
});
// Patient Contact Grid
$("#ptcontactgr").jqGrid(
{
caption : "Patient Contact",
datastr : cbck("pt_contact"),
colNames : [ 'Name', 'Relationship', 'Home Phone',
'Cell Phone', 'Work Phone' ],
colModel : [ {
name : 'Name',
sortable : false,
resizable : false,
jsonmap : 'NAME'
}, {
name : 'Relationship',
sortable : false,
resizable : false,
jsonmap : 'RELATIONSHIP'
}, {
name : 'Home Phone',
sortable : false,
resizable : false,
jsonmap : 'HOME_PHONE'
}, {
name : 'Cell Phone',
sortable : false,
resizable : false,
jsonmap : 'CELL_PHONE'
}, {
name : 'Work Phone',
sortable : false,
resizable : false,
jsonmap : 'WORK_PHONE'
} ],
jsonReader : {
root : "CONTACT",
id : "CONTID"
}
});
// Clinical Team Grid
$("#clinteamgr").jqGrid(
{
caption : "Clinical Team",
datastr : cbck("clin_team"),
colNames : [ 'Name', 'Relationship', 'Begin Date', 'Service',
'Cell Phone', 'Office Phone' ],
colModel : [ {
name : 'Name',
sortable : false,
resizable : false,
jsonmap : 'NAME_FULL_FORMATTED'
}, {
name : 'Relationship',
sortable : false,
resizable : false,
jsonmap : 'RELATIONSHIP'
}, {
name : 'Begin Date',
sortable : false,
resizable : false,
jsonmap : 'BEG_DATE'
}, {
name : 'Service',
sortable : false,
resizable : false,
jsonmap : 'SERVICE'
}, {
name : 'Cell Phone',// Chng: Function needed for visibility
// for nurse.
sortable : false,
resizable : false,
jsonmap : 'CELL_PHONE'
}, {
name : 'Office Phone',
sortable : false,
resizable : false,
jsonmap : 'CONTACT_PHONE'
} ],
jsonReader : {
root : "PPR.QUAL",
id : "PRINT_IND"
}
});
// Procedures Grid
$("#procedgr").jqGrid( {
caption : "Procedures",
datastr : cbck("proced"),
colNames : [ 'Type', 'Date', 'Physician', 'POD' ],
colModel : [ {
name : 'Type',
width : "50%",
sortable : false,
resizable : false,
jsonmap : 'TYPE'
}, {
name : 'Date',
width : "20%",
sortable : false,
resizable : false,
jsonmap : 'DATE'
}, {
name : 'Physician',
width : "20%",
sortable : false,
resizable : false,
jsonmap : 'PHYSICIAN'
}, {
name : 'POD',
width : "10%",
sortable : false,
resizable : false,
jsonmap : 'POD'
} ],
jsonReader : {
root : "PROCEDURES.QUAL",
id : "PROCID"
}
});
// Checkout Plan Grid
$("#ckoutgr").jqGrid( {
caption : "Checkout",
datastr : cbck("checkout"),
colNames : [ 'Info', 'Data' ],
colModel : [ {
name : 'Info',
sortable : false,
resizable : false,
width : "70%",
jsonmap : 'ITEM'
}, {
name : 'Data',
sortable : false,
resizable : false,
width : "30%",
jsonmap : 'DESCRIPTION'
} ],
jsonReader : {
root : "CHECKOUT_RECORD.CHECKOUT",
id : "CHECKOUTID"
}
});
// Pending Tests Grid
$("#pendtestgr").jqGrid( {
caption : "Pending Tests",
datastr : cbck("pendtests"),
colNames : [ 'Info', 'Data' ],
colModel : [ {
name : 'Info',
sortable : false,
resizable : false,
width : "30%",
jsonmap : 'ITEM'
}, {
name : 'Data',
sortable : false,
resizable : false,
width : "70%",
jsonmap : 'DESCRIPTION'
} ],
jsonReader : {
root : "PENDING_RECORD.PENDING",
id : "PENDINGID"
}
});
// Discharge Plan Grid
$("#dcplangr").jqGrid( {
caption : "Discharge Plan",
datastr : cbck("dcplan"),
colNames : [ 'Info', 'Data' ],
colModel : [ {
name : 'Info',
sortable : false,
resizable : false,
width : "30%",
jsonmap : 'ITEM'
}, {
name : 'Data',
sortable : false,
resizable : false,
width : "70%",
jsonmap : 'DESCRIPTION'
} ],
jsonReader : {
root : "DCPLAN",
id : "DCPLANID"
}
});
// Close All / Open All
$("#closeAll").click(function() {
$(".ui-icon-circle-triangle-n").parent().trigger("click");
return false;
});
$("#openAll").click(function() {
$(".ui-icon-circle-triangle-s").parent().trigger("click");
return false;
});
// Set dialog modal options
$("#dialog-modal").dialog( {
autoOpen : false,
draggable : false,
height : 140,
modal : true,
resizable : false,
width : 350,
title : "Preferences"
});
$("#setPrefs").click(function() {
$("#dialog-modal").dialog("open");
return false;
});
// Object variables
var cols = $(".col");
// Widgets with id matching those in html - 10 col widget
var sel = $(".datacontainer table:odd:not('#clinteamgr')");
var g5 = $(".grid_5");
// Grouped grids opener and closer control
$("#opener").click(
function() {
if ($("#opener").hasClass("opened")) {
$("#gbox_ckoutgr, #gbox_pendtestgr, #gbox_dcplangr").find(
".ui-icon-circle-triangle-n").parent().trigger(
"click");
$("#opener").toggleClass("opened");
$("#opener").text("Expand");
return false;
} else {
$("#gbox_ckoutgr, #gbox_pendtestgr, #gbox_dcplangr").find(
".ui-icon-circle-triangle-s").parent().trigger(
"click");
$("#opener").toggleClass("opened");
$("#opener").text("Collapse");
return false;
}
});
// Drag and drop containers
// Set handle for dragging
$(".ui-jqgrid-title").mouseover().css("cursor", "all-scroll");
cols.sortable( {
connectWith : ".col",
placeholder : "ui-state-highlight",
forcePlaceholderSize : true,
opacity : 0.6,
revert : 300,
cursor : 'all-scroll',
handle : ".ui-jqgrid-title"
});
cols.disableSelection();
// Auto-resize grids
$(window).bind('resize', function() {
var w = g5.width();
sel.setGridWidth(w);
// $("#combodiv").width(w);
$("#clinteamgr").setGridWidth($(".grid_10").width());
$("#clinteamgr").width($(".grid_10").width()); // Width for 10
// column
// widget
}).trigger('resize');
// Font Resize
var os = $('.ui-jqgrid').css('font-size');
// Select first 3 anchors
$('.navmenu a:lt(3)').click(function() {
var curSize = $(".ui-jqgrid").css('font-size');
var numSize = parseFloat(curSize, 10);
var uom = curSize.slice(-2);
var ratio = 1.2;
if (this.id == 'bigger' && numSize < 18) {
$('.ui-jqgrid').css('font-size', numSize + 2 + uom);
} else if (this.id == 'smaller' && numSize > 8) {
$('.ui-jqgrid').css('font-size', numSize - 2 + uom);
} else if (this.id == 'reset') {
$('.ui-jqgrid').css('font-size', os);
}
});
}); // end $(function() {
Most Users Ever Online: 715
Currently Online:
77 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.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
