[richvle]

Hi, I was unable to locate a way to dynamically add options to a checkgroup control using Javascript.
I'm trying to add specific group UIDs and group names to the options.
Right now, I'm adding them through the UI on the front end, but I like to avoid using hardcoded UIDs whenever possible.

[amosbatto]

I wrote up a section on the pmusers.com wiki to explain how to dynamically change the list of options in a checkbox in ProcessMaker 3:
https://www.pmusers.com/index.php/Options_list

[amosbatto]

If you are using PM 2.X, then you can use this JavaScript code:

Code: Select all

function removeCheckgroupOption(checkgroupId, constantOptionValue, optionValueToRemove) {
  //use the value of an option in the checkgroup that will always exist
  var aNodes = getField(checkgroupId+"]["+constantOptionValue).parentNode.childNodes;

  if (aNodes.length == 0) {
    alert("removeCheckgroupOption() error:\ncheckgroupId '"+checkgroupId+"' or constantOptionValue '"+constantOptionValue+"' does not exist.");
    return -1;
  }

  //find the option in the list that you want to delete:
  for (i = 0; i < aNodes.length; i++) {
    if (aNodes[i].id == "form["+checkgroupId+"]["+optionValueToRemove+"]") {
      //remove <BR>:
      aNodes[i].parentNode.removeChild(aNodes[i+2]);
      //remove span and its child label:
      aNodes[i+1].removeChild(aNodes[i+1].lastChild);
      aNodes[i+1].parentNode.removeChild(aNodes[i+1]);
      //remove input type=checkbox:
      aNodes[i].parentNode.removeChild(aNodes[i]);
         
      return 0;
    }
  }
  
  //for some reason this is still executing, even when the optionValueToRemove exists:
  //alert("removeCheckgroupOption() error:\nOption '"+optionValueToRemove+"' does not exist.");
  return -2;
}

removeCheckgroupOption("selectServices", "accounting", "catering");

function appendCheckgroupOption(checkgroupId, constantOptionValue, newOptionValue, newOptionLabel) {
  var newOptionHtml = '<input id="form['+checkgroupId+']['+newOptionValue+']" pmfieldtype="checkgroup" '+
    'name="form['+checkgroupId+'][]" value="'+newOptionValue+'" type="checkbox">'+
    '<span class="FormCheck"><label for="form['+checkgroupId+']['+newOptionValue+']">'+newOptionLabel+'</label></span><br>';
  
  getField(checkgroupId+"]["+constantOptionValue).parentNode.innerHTML += newOptionHtml;
}

appendCheckgroupOption("selectServices", "accounting", "mafia", "Corporate warfare");

Here is a sample process to test it:

adding_checkgroup_options.pm

(8.25 KiB) Downloaded 470 times

[richvle]

Thanks Amos. I tried option 3 using JavaScript to modify the model information for the field, but wasn't having luck. So I tried doing it using the datasource = array variable method as mentioned in https://wiki.processmaker.com/3.0/DynaF ... Datasource and was able to get it to work.

Code: Select all

$groupName01 = "IV Requestor";
$groupLabel01 = "Access To Submit Invoice Vouchers";
$groupId01 = PMFGetGroupUID($groupName01);
if (empty($groupId01)) { 
  throw new Exception("Group '$groupName01' doesn't exist."); 
}
$groupName02 = "VR Requestor";
$groupLabel02 = "Access To Request New OR Update Existing Vendors";
$groupId02 = PMFGetGroupUID($groupName02);
if (empty($groupId02)) { 
  throw new Exception("Group '$groupName02' doesn't exist."); 
}

@=RequestTypeOptions = array(
  array($groupId01, $groupLabel01),
  array($groupId02, $groupLabel02)
);