Les Opérateurs booléens et ClientHandler

Oui c'est possible bien que ce que j'ai trouvé est certainement cludgy.
Voici ma logique:

Donné une texbox, ajouter deux clienthandlers qui vérifie la longueur - on vérifie pour 0 longueur des autres pour 1 ou plus. Modifiez la valeur dans une zone de texte caché à 0 ou en fonction de ce qui se passe.
Répétez cette opération avec un autre caché zone de texte pour la deuxième zone de texte.
créer deux nouveaux valideurs pour activer ou désactiver votre bouton à partir de la somme des deux zones de texte caché.
Bien que cela devrait fonctionner étant donné que la documentation dit que les gestionnaires sont faites dans l'ordre de leur ajout, pour plus de sécurité,j'ai ajouté un autre gestionnaire sur le bouton lui-même. J'ai jeté vers le haut le beau code ICI qui y ajoute des étiquettes supplémentaires et de mise en forme pour le rendre plus évident, mais le code est un peu long pour ici donc, ci-dessous à peu près le minimum de ce que vous avez besoin.
Voici le produit final en action

function doGet() {
var app = UiApp.createApplication();
var button = app.createButton('Click Me');
app.add(button);
var tb1=app.createTextBox().setId('tb1').setName('tb1');
var tb2=app.createTextBox().setId('tb2').setName('tb2');
//Hide these two - but i left them visible so you can see the script in action.
var tbValidatorForTb1=app.createTextBox().setId('tb3').setName('tb3');
var tbValidatorForTb2=app.createTextBox().setId('tb4').setName('tb4');
var label = app.createLabel('The button was clicked.')
.setId('statusLabel')
.setVisible(false);
app.add(label);
app.add(tb1);
app.add(tb2);
app.add(tbValidatorForTb1);
app.add(tbValidatorForTb2);
//Set your validators for your first textbox
var clientHandler1=app.createClientHandler().validateLength(tb1, 1, 200).forTargets(tbValidatorForTb1).setText('1');
var clientHandler2=app.createClientHandler().validateLength(tb1,0, 0).forTargets(tbValidatorForTb1).setText('0');
//Set your validators for your second textbox
var clientHandler3=app.createClientHandler().validateLength(tb2, 1, 200).forTargets(tbValidatorForTb2).setText('1');
var clientHandler4=app.createClientHandler().validateLength(tb2, 0, 0).forTargets(tbValidatorForTb2).setText('0');
tb1.addKeyUpHandler(clientHandler1);
tb1.addKeyUpHandler(clientHandler2);
tb2.addKeyUpHandler(clientHandler3);
tb2.addKeyUpHandler(clientHandler4);
tb2.addKeyUpHandler(clientHandler1);
tb2.addKeyUpHandler(clientHandler2);
tb1.addKeyUpHandler(clientHandler3);
tb1.addKeyUpHandler(clientHandler4);
//Now create some client handlers to do the actual enable/disable of the button
var finalDisableValidator=app.createClientHandler().validateSum([tbValidatorForTb1,tbValidatorForTb2], 1).forTargets(button).setEnabled(false);
var finalEnableValidator=app.createClientHandler().validateNotSum([tbValidatorForTb1,tbValidatorForTb2], 1).forTargets(button).setEnabled(true);
tb1.addKeyUpHandler(finalDisableValidator);
tb1.addKeyUpHandler(finalEnableValidator);
tb2.addKeyUpHandler(finalDisableValidator);
tb2.addKeyUpHandler(finalEnableValidator);
//tb4.addChangeHandler(finalEnableValidator)
var handler = app.createServerHandler('myClickHandler').validateNotSum([tbValidatorForTb1,tbValidatorForTb2], 1);
handler.addCallbackElement(label);
button.addClickHandler(handler);
return app;
}
function myClickHandler(e) {
var app = UiApp.getActiveApplication();
var label = app.getElementById('statusLabel');
label.setVisible(true);
app.close();
return app;
}

J'ai raté le dateBox - alors, voici le code qui fonctionne pour dateboxes. Quelques notes

1. lengthchecks sur dateboxes ne fonctionnent pas correctement, ils lancent une erreur
   pour une raison quelconque. j'ai utilisé une expression régulière de tests pour le caractère' -'. vous devrez peut-être modifier cette valeur si vous avez formaté votre date différemment.
2. vous avez besoin pour déclencher des événements pour des dates non valides pour gérer
   les champs vides
3. et enfin, vous devez utiliser le gestionnaire valuechange
   au lieu de cela, comme il a été souligné à juste titre qu'il n'a pas onkeyup

Ci-dessous est le code de cette

function doGet() {
var app = UiApp.createApplication();
var button = app.createButton('Click Me');
app.add(app.createLabel("This demonstrates using clienthandlers to require either neither or both fields to be populated before the button can be clicked"));
var validationWarning=app.createLabel("Please enter a value in both fields or neither field").setId('warningLabel').setStyleAttribute('color', "red").setVisible(false);
app.add(button);
app.add(validationWarning);
var panel = app.createVerticalPanel();
//db1.addValueChangeHandler(handler);
var tb1=app.createDateBox().setId('tb1').setName('tb1');
var tb2=app.createDateBox().setId('tb2').setName('tb2');
//Hide these two - but i left them visible so you can see the script in action.
var tbValidatorForTb1=app.createTextBox().setId('tb3').setName('tb3').setEnabled(false);
var tbValidatorForTb2=app.createTextBox().setId('tb4').setName('tb4').setEnabled(false);
var label = app.createLabel('The button was clicked.')
.setId('statusLabel')
.setVisible(false);
panel.add(label);
var grid1=app.createGrid(2, 2);
grid1.setWidget(0, 0, app.createLabel("Field 1"));
grid1.setWidget(0, 1, app.createLabel("Field 2"));
grid1.setWidget(1, 0,tb1);
grid1.setWidget(1, 1,tb2);
panel.add(grid1);
var grid2=app.createGrid(2, 2);
grid2.setWidget(0, 0, app.createLabel("Validator 1"));
grid2.setWidget(0, 1, app.createLabel("Validator 2"));
grid2.setWidget(1, 0,tbValidatorForTb1);
grid2.setWidget(1, 1,tbValidatorForTb2);
panel.add(grid2);
app.add(panel);
//Set your validators for your first textbox
// var dateHandler1=app.createClientHandler().validateInteger(tb1).forTargets(tbValidatorForTb1).setText('1');
// var dateHandler2=app.createClientHandler().validateInteger(tb1).forTargets(tbValidatorForTb2).setText('1');
var clientHandler1=app.createClientHandler().validateMatches(tb1,'\-').forTargets(tbValidatorForTb1).setText('1');
var clientHandler2=app.createClientHandler().validateNotMatches(tb1, '\-').forTargets(tbValidatorForTb1).setText('0');
//Set your validators for your second textbox
var clientHandler3=app.createClientHandler().validateMatches(tb2,'\-').forTargets(tbValidatorForTb2).setText('1');
var clientHandler4=app.createClientHandler().validateNotMatches(tb2,'\-').forTargets(tbValidatorForTb2).setText('0');
//tb1.addValueChangeHandler(handler)
tb1.addValueChangeHandler(clientHandler1);
tb1.addValueChangeHandler(clientHandler2);
tb2.addValueChangeHandler(clientHandler3);
tb2.addValueChangeHandler(clientHandler4);
tb2.addValueChangeHandler(clientHandler1);
tb2.addValueChangeHandler(clientHandler2);
tb1.addValueChangeHandler(clientHandler3);
tb1.addValueChangeHandler(clientHandler4);
//Now create some client handlers to do the actual enable/disable of the button
tb1.setFireEventsForInvalid(true);
tb2.setFireEventsForInvalid(true);
var finalDisableValidator=app.createClientHandler().validateSum([tbValidatorForTb1,tbValidatorForTb2], 1).forTargets(button).setEnabled(false).forTargets(validationWarning).setVisible(true);
var finalEnableValidator=app.createClientHandler().validateNotSum([tbValidatorForTb1,tbValidatorForTb2], 1).forTargets(button).setEnabled(true).forTargets(validationWarning).setVisible(false);
tb1.addValueChangeHandler(finalDisableValidator);
tb1.addValueChangeHandler(finalEnableValidator);
tb2.addValueChangeHandler(finalDisableValidator);
tb2.addValueChangeHandler(finalEnableValidator);
//tb4.addChangeHandler(finalEnableValidator)
var handler = app.createServerHandler('myClickHandler').validateNotSum([tbValidatorForTb1,tbValidatorForTb2], 1);
handler.addCallbackElement(label);
button.addClickHandler(handler);
return app;
}
function myClickHandler(e) {
var app = UiApp.getActiveApplication();
var label = app.getElementById('statusLabel');
label.setVisible(true);
app.close();
return app;
}