Hi, so in my code I create two selects, one with manufacter items, other with model items. What I’m trying to do is, depending on which item is selected in in the manufacter select, the model select items will change.
Select<String> manufacterFilterTable = new Select<>();
manufacterFilterTable.setItems("SCHLUMBERGER", "BRUNO JANZ, HERDEIROS");
manufacterFilterTable.setValue("");
Select<String> modelFilterTable = new Select<>("");
modelFilterTable.setEnabled(false);
// modelFilterTable.setItems( "AQUADIS +", "MSV 1615 TÁGUS", "teste", "teste2");
// modelFilterTable.setValue("Filter by model...");
modelFilterTable.setPlaceholder("Filter by model...");
modelFilterTable.setId("modelFilterTable");
// modelFilterTable.setItems("Select One");
manufacterFilterTable.addValueChangeListener(manufacterV -> {
if(!manufacterV.getValue().equals("")) {
iconClearManufacter.setVisible(true);
modelFilterTable.setEnabled(true);
}
else {
modelFilterTable.setEnabled(false);
// modelFilterTable.setValue("Filter by model...");
}
if(dmaFilterTable.getValue().equals("")) {
manufacterValue = manufacterV.getValue().toLowerCase();
// Notification.show("entrou 1");
UI.getCurrent().getPage().executeJs("filterByManufacterSelect($0)", manufacterValue);
}
else {
// modelValue = modelFilterTable.getValue().toLowerCase();
dmaValue = dmaFilterTable.getValue().toLowerCase();
manufacterValue = manufacterV.getValue().toLowerCase();
UI.getCurrent().getPage().executeJs("filterByDmaAndManufacter($0, $1)", dmaValue,manufacterValue);
}
Notification.show("entrou - depois do metodo (modelo muda)");
if (manufacterV.getValue().equals("SCHLUMBERGER")) {
// modelFilterTable.removeAll();
// modelFilterTable.setValue(null);
modelFilterTable.setItems("AQUADIS +", "teste");
//
}
if (manufacterV.getValue().equals("BRUNO JANZ, HERDEIROS")) {
// modelFilterTable.removeAll();
// modelFilterTable.setValue(null);
modelFilterTable.setItems("MSV 1615 TÁGUS", "teste2");
//
}
if(modelFilterTable.getValue()==null) {
modelValue = modelFilterTable.getValue().toLowerCase();
Notification.show("entrou model - NULL");
modelFilterTable.setValue(modelValue);
}
});
As you can see, I’m trying to do “setItems” depending on which manufacter item is selected,
The problem is: I select one item in manufacter select, I select one item in model select, so far so good. Now when I select the other manufacter item appears as shown in the screenshot.
I already try to do setValue(null) before setItems, I saw somewhere that could result, and the “bug” when I click the model select no longer happens, but when I change the manufacter item, the model select items remain the same as the previous.
Here is the model click Listener:
// ********************* MODEL FILTER AND ICON
iconClearModel.addClickListener(click -> {
iconClearModel.setVisible(false);
modelFilterTable.setValue("");
});
modelFilterTable.addValueChangeListener(modelV -> {
if(!modelV.getValue().equals("")) {
iconClearModel.setVisible(true);
modelFilterTable.setEnabled(true);
}
manufacterValue = manufacterFilterTable.getValue().toLowerCase();
dmaValue = dmaFilterTable.getValue().toLowerCase();
modelValue = modelV.getValue().toLowerCase();
Notification.show("entrou model");
UI.getCurrent().getPage().executeJs("filterByModeloMarcaDma($0, $1, $2)", dmaValue, manufacterValue,modelValue);
});
Best regards
