Partilhar via

Caixa de Texto fxTextBox (fx.textbox.js)

  • Artigo

 

Aplica-se a: Windows Azure Pack

fxTextBox é uma caixa de texto com suporte para Serviços de Controlo Comum.

Windows Azure Pack fxTextBox

Serviços Suportados

Serviço

Suportado

Desfazer/Redo

Yes

Validação

Yes

Widgets

$("Selector").fxTextBox()

Propriedades

Nome

Tipo

Description

fx.fxTextBox.options.delayedTimerValidation

Número

Atrasos na validação do número de milissegundos fornecidos.

fx.fxTextBox.options.validateOnBlur

Booleano

A verdadeira validação dos gatilhos quando a caixa de texto está desfocada.

fx.fxTextBox.options.validateOnKeyPress

Booleano

A verdadeira validação dos gatilhos quando uma tecla é pressionada.

Métodos

Nome

Descrição

Devoluções

Parâmetros

fx.fxTextBox.destroy

Destrói o widget.

Nenhumas

Nenhuma

fx.fxTextBox.valide

Valida o controlo.

String

Sample

<!DOCTYPE HTML>

<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta charset="utf-8"/>
        <title>Simple Text Box Examples</title>
        <!-- Style Links -->
        <link href="/Content/_oss/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" /> 
        <link href="/Content/UxFxCss.css" rel="stylesheet" type="text/css" />
        <link href="/Extensions/Samples/ControlsPlayground/Styles/ControlsPlaygroundExtension.Samples.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="scriptLinksContainer">
            <!-- JQuery scripts-->
            <script src="/Scripts/_oss/jquery-1.7.1.js"></script>
            <script src="/Scripts/_oss/jquery-ui-1.8.18.js"></script>

            <!-- Knockout script -->
            <script src="/Scripts/_oss/knockout-2.1.0.js"></script>

            <!-- fx shell scripts -->
            <script src="/Scripts/UxFxScript.js"></script>
        </div>

        <!-- Sample HTML code -->
        <div id="sampleHTMLCodeContainer">
            <section id="simpleTextBox">
                <h2> Simple Textbox</h2>
                <input id="sample-textbox" type="text"/>
                <div>
                    <button id="sample-textbox-enable">
                        Enable</button>
                    <button id="sample-textbox-disable">
                        Disable</button>
                </div>
            </section>
            <br/>
            <section id="defaultValueTextbox">
                <h2>Textbox with default value</h2>
                <input id="sample-defaultValueTextbox" type="text"/>
            </section>
            <br/>
            <section id="submitTextbox">
                <h2>Submit Textbox</h2>
                <input id="sample-submitTextbox" type="text"/>
                <input type="button" onclick="sampleSubmitFunction();" value="Submit"/>
            </section>
        </div>

        <!-- Sample Script Code -->
        <div id="sampleScriptCodeContainer">
            <script type="text/javascript">
                //Initialize our controls
                $("#sample-textbox-enable").click(function() {
                    $("#sample-textbox").fxTextBox("enable");
                });

                $("#sample-textbox-disable").click(function() {
                    $("#sample-textbox").fxTextBox("disable");
                });

                $("#sample-textbox").fxTextBox({ value: ""});

                $("#sample-defaultValueTextbox").fxTextBox({ value: "my default value" });

                $("#sample-submitTextbox").fxTextBox({ value: "" });

                function sampleSubmitFunction() {
                    var submittedValue = $("#sample-submitTextbox").fxTextBox("value");
                    alert("You typed in '" + submittedValue +"'");
                }
            </script>
        </div>
    </body>
</html>

Consulte também

Windows Serviços de Controlo Comum de Extensão Azure Pack
extensões de interface de utilizador do portal de gestão de pacotes Windows Azure