jQWidgets jqxInput searchMode属性

jqxInput 是 jQWidgets 提供的一种输入框控件，用于在 Web 应用程序中创建输入框。searchMode 属性用于设置 jqxInput 控件的搜索模式。以下是 jqxInput 的 searchMode 属性的详细说明：

属性

searchMode 属性用于设置 jqxInput 控件的搜索模式。该属性的值可以是 "none"、"contains"、"startsWith" 或 "equals"。当该属性的值为 "none" 时，jqxInput 控件不支持搜索。当该属性的值为 "contains" 时，jqxInput 控件将搜索包含输入文本的项。当该属性的值为 "startsWith" 时，jqxInput 控件将搜索以输入文本开头的项。当该属性的值为 "equals" 时，jqxInput 控件将搜索与输入文本完全匹配的项。

// 设置 jqxInput 控件的搜索模式
$("#jqxInput").jqxInput({
    searchMode: "contains"
});

示例

以下是两个示例，演示如何使用 searchMode 属性设置 jqxInput 控件的搜索模式。

示例 1

在此示例中，我们创建了一个 jqxInput 控件，并使用 searchMode 属性设置了搜索模式为 "contains"。

<div id="jqxInput"></div>

<script>
    $(document).ready(function () {
        // 创建 jqxInput 控件
        $("#jqxInput").jqxInput({
            searchMode: "contains"
        });
    });
</script>

示例 2

在此示例中，我们创建了一个 jqxInput 控件，并使用 searchMode 属性设置了搜索模式为 "startsWith"。我们还使用 source 属性设置了 jqxInput 控件的数据源。

<div id="jqxInput"></div>

<script>
    $(document).ready(function () {
        // 设置 jqxInput 控件的数据源
        var source = ["Apple", "Banana", "Cherry", "Date", "Elderberry"];

        // 创建 jqxInput 控件
        $("#jqxInput").jqxInput({
            source: source,
            searchMode: "startsWith"
        });
    });
</script>

以上是 jqxInput 的 searchMode 属性的详细说明，以及两个示例说明。