Login Register
Home » Support » Forums » Dijit (dijit.*, 0.9+) » Dijit Support » solved:setting the label on a dijit.form.button dynamically

solved:setting the label on a dijit.form.button dynamically

Submitted by nipun on Tue, 05/20/2008 - 17:00.

I am trying to set the label on a dijit button dynamically but I can't seem to get it to work.

In the JSP there is this div defined:

<tr>
    <td colspan="2" align="left"><div id="toggleUserStatusButtonDiv"></div></td>
</tr>

The javascript to create the button is a as follows:

function toggleUserStatusButton() {
        alert("Creating the user status button");
        var params = {id:"tusButton",
                      label:tusButtonLabel,
                      onClick:toggleUserStatus};
       
        var widget = new dijit.form.Button(params);
        dojo.byId("toggleUserStatusButtonDiv").appendChild(widget.domNode);
        }

       
        function tusButtonLabel() {
        if (activeIndicator.toUpperCase()=="Y"){
        dijit.byId("tusButton").value="Deactivate User";
        alert("User Status is: " + activeIndicator);
        }
        else {
        dijit.byId("tusButton").value="Activate User";
        }
        }

I keep getting error when it tries to create the button with the dynamically assigned label and it does not create the button.

‹ Validation Text Box and Submit button dynamically enabled/disabled TabContainer scrollbar bottom doesn't show in IE6 until page resized??? or p tag added to body tag onLoad??? ›

you are setting the label to

Submitted by dante on Tue, 05/20/2008 - 17:47.

you are setting the label to a function? I think it needs to be a string?

use setLabel to set the

Submitted by nipun on Wed, 06/11/2008 - 14:41.

i know its an old thread but wanted to update it incase someone else for looking for a solution.

use dijit.byId(id).setLabel to set the label dynamically.