[HTMLFormEntry] JS computed values based on events in the VIEW mode of form

mddubey · January 9, 2020, 10:26am

Hello

Using HTMLFormEntry is it possible to show the computed values in the view mode? We have a form where we calculate/show certain things based on a value filled in datetimepicker, radio-button checked.

We are not storing this value. This doesn’t show up in the VIEW mode of form. Is there a way to show it in VIEW mode?

Example: We calculate the time since injury based on a value picked in datetimepicker.

CC: @mksd @mksrom @dkayiwa @ssmusoke @premnisha

mogoodrich · January 9, 2020, 1:55pm

Are you using Javascript to calculate the values?

This is definitely possible, though you might need to do some hacks to get it to display the way you want it too…

Here’s an example of how we do it on one of our forms:

github.com

PIH/openmrs-module-pihcore/blob/master/omod/src/main/webapp/resources/htmlforms/vitals.xml#L200


</ifMode>


<script>
    // set the blood pressure fields as "expected"
    jq(function() {
        jq('#bp_systolic > input').addClass('expected');
        jq('#bp_diastolic > input').addClass('expected');
    });
</script>


<ifMode mode="VIEW">
    <script type="text/javascript">


        // handle displaying the bmi when in VIEW mode
        jq(function() {


            // we have to iterate through in case there are multiple vitals forms
            // displayed on a single page


            jq('htmlform').each(function(index, form) {
                jq(form).find('#calculated-bmi-continue').hide();

Take care, Mark

mddubey · January 9, 2020, 2:28pm

Thanks @mogoodrich,

Yes we are using javascript. We will try to implement this.