Add custom combobox to Wavemaker

Asked By Anna W Brown 0 points N/A Posted on - 10/17/2013

Dear Friends,

Can anyone, please help me by telling me the step by step process of, how to manage and add custom combobox to Wavemaker on the dialog.

Thanks,

Anna W Brown

• Status: Open
• Question Views: 1063
• Answer Count: 1
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: General

Answered By Alexander Jose 0 points N/A #198791

Add custom combobox to Wavemaker

Well if you have an editable grid, and your editable column needs a ComboBox as an editor, follow this method:

 

•   You need to add these two parameters to add a ComboBox:

 

Field name: Name of Grid’s field

Options: Array of strings as options for the ComboBox

 

•   Method to set up a column:

As an example to add a ComboBox to a grid of employees to specify their manager, assuming that manager is a related table:

var data = this.managerLiveVariable.getData();

var options = [];

for (var i = 0; i < data.length; i++)

   options.push(data[i].firstname + " " + data[i].lastname);

this.dojoGrid1.setColumnComboBoxOptions("manager", options);

 

To map this display value back to the original data value:

getManagerIdByName: function(inName) {

var data = this.managerLiveVariable.getData();

for (var i = 0; i < data.length; i++) {

   if (data[i].firstname + " " + data[i].lastname == inName) {

       return data[i].managerid;

   }

   return 0;

}

dojoGrid1CellEditted: function(inSender, inValue, inRowIndex, inFieldName) {

   var rowData = this.dojoGrid1.getRow(inRowIndex);

   if (inFieldName == "manager") {

       var managerId = this.getManagerIdByName(inValue);

       this.writeUserVar.sourceData.setData({

              "userid": rowData.userid,

              "manager": {"managerid": managerId}});

       this.writeUserVar.update();

   }

}

 

About Alexander Jose

Questions
0

Answers
100

Best Answers
10

• Vote Up 0 Vote Down

• Posted on - 10/18/2013
• Question Category: General