Page Comparison

Description

http://wikiopenmrs.openmrsatlassian.orgnet/wiki/display/docs/Flowsheet+Module

Flowsheet is available as a module which can be installed into openmrs using the "Manage Modules" functionality

User interface

The user interface for the flowsheet module has been created using the following

• JQuery 1.4.2 (http://jquery.com/)
• JQuery UI 1.8.2 (http://jqueryui.com/)
• JQuery Grid 3.8 (http://www.trirand.com/blog/)
• Auto complete (https://github.com/emposha/FCBKcomplete)
• Flot (http://code.google.com/p/flot/)

The population of the GUI (flowsheet)

...

Briefis done via an AJAX request which returns a JSON string which is then passed to the JQuery grid and the filter controls. 
Core of the logic is in the flowhsheet.js file.

Server Side

At the server side we have a controller FlowsheetFormController which handles the AJAX requests passed to the url /flowsheet.json 

? Image Added

?The controller returns a json string in the following format

{
 entries : [{conceptId:"1",value:"10",date: "2001-01-12"}],
 conceptMap:{
        "1":
           {
            name:"concept name",
            numeric:{hi:"1",low:"12",unit:"unit"},
            desc:"description",
            classType:"Test",
            dataType:"Coded"
           },
 conceptClasses:["Test","Diagnosis","Finding"],
 obsDates:["2001-01-12","2002-01-12","2010-01-12"]
};