Horje
jQWidgets jqxFormattedInput close() Method

jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxFormattedInput is a jQuery input widget that is used for taking input of numbers in the binary, octal, decimal or hexadecimal format. The input number can be incremented/decremented through the spin buttons which are optional and the numeral system can be changed through a pop-up menu which is also optional.

The close() method is used to close the jqxFormattedInput widget pop-up. It does not accept any parameter and does not return any value.

Syntax:

$('Selector').jqxFormattedInput('close');

Linked Files: Download jQWidgets from the given link https://www.jqwidgets.com/download/. In the HTML file, locate the script files in the downloaded folder.

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxformattedinput.js”></script>

The below example illustrates the jQWidgets jqxFormattedInput close() method.

Example:

HTML

<!DOCTYPE html>
<html lang="en">
  
<head>
    <link rel="stylesheet" href=
        "jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" 
        src="scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/jqxformattedinput.js"></script>
</head>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
  
        <h3>
            jQWidgets jqxFormattedInput close() Method
        </h3>
  
        <div id="jqxFI">
            <input type="text" />
            <div></div>
            <div></div>
        </div>
  
        <input type="button" id="jqxBtn" 
            value="Close the Pop-up" 
            style="padding: 5px 15px; margin-top: 130px;">        
    </center>
  
    <script type="text/javascript">
        $(document).ready(function() {
            $("#jqxFI").jqxFormattedInput({
                width: 300,
                height: 40,
                radix: "decimal",
                value: "121",
                spinButtons: true,
                dropDown: true
            });
  
            $("#jqxFI").jqxFormattedInput('open');
  
            $("#jqxBtn").on('click', function() {
                $("#jqxFI").jqxFormattedInput('close');
            })
        });
    </script>
</body>
  
</html>

Output:

Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxformattedinput/jquery-formatted-input-api.htm


 


Reffered: https://www.geeksforgeeks.org

JQuery

Related
jQWidgets jqxFormattedInput selectAll() Method jQWidgets jqxFormattedInput selectAll() Method
jQWidgets jqxWindow closeAll() Method jQWidgets jqxWindow closeAll() Method
jQWidgets jqxWindow collapse() Method jQWidgets jqxWindow collapse() Method
jQWidgets jqxWindow bringToFront() Method jQWidgets jqxWindow bringToFront() Method
jQWidgets jqxWindow isOpen() Method jQWidgets jqxWindow isOpen() Method

Type:
 Geek
Category:
 Coding
Sub Category:
 Tutorial
Uploaded by:
 Admin
Views:
 9



 

Horje