Question

Need to set some attributes of button. For example “Checked”. I guess it is plain, but I can’t handle with it. Please give peace of advice.

 Html.DevExpress().Button(
                   btnSettings =>
                   {
                       btnSettings.Name = "Details";
                       btnSettings.Text = "";
                       btnSettings.ClientSideEvents.Click = "function (s,e){Details.Checked = true}";
                       btnSettings.ControlStyle.CssClass = "button";
                       btnSettings.ToolTip = "details";
                       btnSettings.UseSubmitBehavior = false;
                       btnSettings.AllowFocus = false;
                       btnSettings.Width = 1;
                       btnSettings.Height = 1;
                   }
               )
               .Render();

Answer 1

From the devexpress online docu

<script type="text/javascript">
    function button1_CheckedChanged(s, e) {
        if (s.GetChecked()) {
            button2.SetEnabled(false);
            s.SetText("Enable Button");
        } else {
            button2.SetEnabled(true);
            s.SetText("Disable Button");
        }
    }
</script>

<table>
    <tr>
        <td>
            <% 
                Html.DevExpress().Button(
                    settings => {
                        settings.Name = "button1";

                        settings.Text = "Disable Button";
                        settings.Width = 120;
                        settings.GroupName = "FakeGroup";
                        settings.ClientSideEvents.CheckedChanged = "button1_CheckedChanged";
                    }
                )
                .Render();
            %>
        </td>
        <td></td>
        <td>
            <% 
                Html.DevExpress().Button(
                    settings => {
                        settings.Name = "button2";
                        settings.EnableClientSideAPI = true;
                    }
                )
                .Render();
            %>        
        </td>
    </tr>
</table>