jQWidgets jqxFormattedInput close()方法

jQWidgets jqxFormattedInput close()方法

jQWidgets是一个基于jQuery的UI组件库,提供了丰富的UI组件和工包括表格、日历下拉单等。jqxFormattedInputjQWidgets的组件之一,用于创建格式化的输入框。close()方法是jqFormattedInput的一个方法,用于关闭输入框。

close()方法的基本语法

close()方法用于关闭输入框,其基本语法如下:

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

jqxFormattedInput中,使用jqxFormattedInput()方法来创建格式化的输入框,使用close()方法来关闭输入框。

close()方法的作用

close()方法的作用是关闭输入框。

示例1:使用close()关闭输入框

以下是一个例演示如何使用close()`方法来关闭输入框:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>jQWidgets FormattedInput Example</title>
  <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://jq.com/public/jqwidgets/jqx-all.js"></script>
</head>
<body>
  <div id="jqxFormattedInput"></div>
  <div id="closeBtn">Close</div>
  <script>
    $(document).ready(function () {
      $('#jqxFormattedInput').jqxFormattedInput({ width: '250px', height: '25px' });
      $('#closeBtn').jqxButton({ width: '100px' });
      $('#closeBtn').click(function () {
        $('#jqxFormattedInput').jqxFormattedInput('close');
      });
    });
  </script>
</body>
</html>

在这个示例中,我们使用jqxFormattedInput组件创建了一个格式化的输入框,并使用close()方法来关闭输入框。我们还使用jqxButton组件创建了按钮,当用户单击按钮时,将调用close()方法来关闭输入框。

示例2:使用close()方法在close事件中关闭输入框

以下是另一个示例演示如何在close事件中使用close()方法来关闭输入框:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>jQWidgets FormattedInput Example</title>
  <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
</head>
<body>
  <div id="jqxFormattedInput"></div>
  <script>
    $(document).ready(function () {
      $('#jqxFormattedInput').jqxFormattedInput({ width: '250px', height: '25px' });
      $('#jqxFormattedInput').on('close', function (event) {
        $('#jqxFormattedInput').jqxFormattedInput('close');
      });
    });
  </script>
</body>
</html>

在这个示例中,我们使用jqxFormattedInput组件创建了一个格式化的输入框,并使用close事件来关闭输入框。当用户单击框外的区域时,将触发close,并调用close()方法来关闭输入框。

综上所述,close()方法是jqxFormattedInput的一个方法,用于关闭输入框。本文详细介绍了close()方法的使用示例。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQWidgets jqxFormattedInput close()方法 - Python技术站

(0)
上一篇 2023年5月9日
下一篇 2023年5月9日

相关文章

  • jQWidgets jqxTreeGrid pagerHeight属性

    以下是关于 jQWidgets jqxTreeGrid 组件中 pagerHeight 属性的详细攻略。 jQWidgets jqxTreeGrid pagerHeight 属性 jQWidgets jqxTreeGrid 的 pagerHeight 属性用于设置 TreeGrid 控件底部分页器的高度。您可以使用此属性来控制分页器的外观和布局。 语法 $(…

    jquery 2023年5月12日
    00
  • jQuery UI滑块 enable()方法

    以下是关于 jQuery UI 滑块 enable() 方法的详细攻略: jQuery UI 滑块 enable() 方法 enable() 方法用于启用一个已经被禁用的 jQuery UI Slider 对象。方法会启用滑块的拖动和点击事件,并移禁用状态的样式。 语法 $( ".selector" ).slider( "ena…

    jquery 2023年5月11日
    00
  • jQuery Mobile页面保持原生选项

    当在jQuery Mobile中创建一个表单时,默认情况下会将所有组件样式应用到每个表单元素中,这使得表单在不同平台和移动设备上看起来与原生UI不一致。为了解决这个问题,我们可以使用”data-enhance”属性来控制元素的外观样式并保持原生选项。以下是详细的攻略: 第一步:禁用全局选项 全局选项是指开启了$.mobile.autoInitializePa…

    jquery 2023年5月12日
    00
  • jquery插件之定时查询待处理任务数量

    我来为你详细讲解“jquery插件之定时查询待处理任务数量”的完整攻略。 什么是 jQuery 插件? jQuery是一个JavaScript库,它提供了许多强大的功能,使得在网站中使用JavaScript变得更加容易、快速、简单。jQuery插件是基于jQuery库的脚本代码,可以扩展jQuery库中的功能,实现更复杂的操作。 定时查询待处理任务数量插件的…

    jquery 2023年5月28日
    00
  • 原生javascript实现的分页插件pagenav

    下面我就为您详细讲解如何使用原生Javascript实现一个分页插件pagenav。 一、准备工作 在开始之前,我们需要准备以下工作: 在HTML文件中引入pagenav.css和pagenav.js文件。 准备一个HTML占位容器用于显示分页内容。 准备一个和后台返回数据对应的分页数据对象,其中包含当前页码、每页显示条数、数据总条数等信息。 二、编写分页h…

    jquery 2023年5月27日
    00
  • jQWidgets jqxDropDownList filterPlaceHolder 属性

    jQWidgets jqxDropDownList filterPlaceHolder 属性详解 jQWidgets是一个基于jQuery的UI组件库,提供了丰富UI组件和工具包。jqxDropDownList是组件的组件之一。本文将详细介绍jqxDropDownList的filterPlaceHolder属性,包括用法、语法和示例。 filterPlace…

    jquery 2023年5月10日
    00
  • js获取腾讯视频ID的方法

    获取腾讯视频ID的方法可以通过视频地址的解析来实现。下面是实现的详细步骤: 1. 获取视频地址 首先需要获取到腾讯视频的播放地址,假设我们有如下的视频链接: https://v.qq.com/x/cover/abcdefgh/ijklmnop.html 那么我们可以通过ajax请求来获取该链接的html内容,然后通过正则表达式匹配视频地址。 以下是一个简单的…

    jquery 2023年5月27日
    00
  • 放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解

    关于“放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解”的攻略,我们可以从以下几个方面进行讲解。 什么是InnerHTML innerHTML 是 DOM 中的一个属性,可返回或设置包含 HTML 标记的元素的内容。常见使用方法如下: const element = document.getElementById(‘exampl…

    jquery 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部