jQWidgets jqxTextArea searchMode属性用法及代码示例

jQWidgets 是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、与平台无关且得到广泛支持的框架。 jqxTextArea 表示一个 jQuery Textarea 小部件，用于在文本框内插入文本内容。

searchMode 属性用于设置或返回搜索模式。当用户在 textarea 中键入并尝试使用输入的文本和选定的搜索模式查找搜索项时，将使用此属性。它接受 String 类型的值，默认值为 ‘default’。

searchMode 属性的可能值如下。

‘none’
‘contains’
‘containsignorecase’
‘equals’
‘equalsignorecase’
‘startswithignorecase’
‘startswith’
‘endswithignorecase’
‘endswith’

用法:

设置 searchMode 属性。

$('selector').jqxTextArea({ searchMode:String });

返回 searchMode 属性。

var searchMode = $('selector').jqxTextArea('searchMode');

链接文件：从给定的链接下载 jQWidgets。在 HTML 文件中，找到下载文件夹中的脚本文件。

<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/jqx-all.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”.jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxtextarea.js”></script>

例：下面的示例说明了 jQWidgets jqxTextArea searchMode 属性。

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/jqx-all.js">
    </script>
    <script type="text/javascript" 
            src="jqwidgets/jqxcore.js">
    </script>
    <script type="text/javascript" 
            src=".jqwidgets/jqxbuttons.js">
    </script>
    <script type="text/javascript" 
            src="jqwidgets/jqxscrollbar.js">
    </script>
    <script type="text/javascript" 
            src="jqwidgets/jqxtextarea.js">
    </script>
</head>
  
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
  
        <h3>
            jQWidgets jqxTextArea searchMode Property
        </h3>
  
        <textarea id='jqxTA'></textarea>
    </center>
  
    <script type="text/javascript">
        $(document).ready(function() {
            var data = [
                "Computer Science",
                "C Programming",
                "C++ Programming",
                "Java Programming",
                "Python Programming",
                "HTML",
                "CSS",
                "JavaScript",
                "jQuery",
                "PHP",
                "Bootstrap"
            ];
  
            $('#jqxTA').jqxTextArea({
                source:data,
                width:250,
                height:100,
                placeHolder:'Enter Subjects...',
                searchMode:'startswith'
            })
        });
    </script>
</body>
  
</html>

输出：

参考： https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxtextarea/jquery-textarea-api.htm

相关用法

注：本文由纯净天空筛选整理自AshokJaiswal大神的英文原创作品 jQWidgets jqxTextArea searchMode Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。