jQWidgets jqxComboBox 模板属性介绍

简介

jQWidgets jqxComboBox 是一个强大的下拉框组件，具有丰富的属性和功能，可用于创建交互式的表单和用户界面。

模板属性列表

1. width (宽度)

• 类型：number（默认值：200）
• 描述：下拉框的宽度，单位为像素。

2. height (高度)

• 类型：number（默认值：25）
• 描述：下拉框的高度，单位为像素。

3. source (数据源)

• 类型：array | string | function（默认值：null）
• 描述：指定下拉框的数据源。可以是一个包含选项值的数组，也可以是一个返回选项值的远程数据源。

4. displayMember (显示成员)

• 类型：string（默认值：''）
• 描述：指定要在下拉框中显示的字段名。如果数据源是数组，该字段应该是数组元素的属性。

5. valueMember (值成员)

• 类型：string（默认值：''）
• 描述：指定要在下拉框中作为值的字段名。如果数据源是数组，该字段应该是数组元素的属性。

6. placeHolder (占位符)

• 类型：string（默认值：''）
• 描述：设置下拉框的占位符文本，用于向用户提供输入的提示。

7. selectedIndex (默认选中项索引)

• 类型：number（默认值：-1）
• 描述：指定下拉框默认选中项的索引。-1 表示不选中任何项。

8. autoOpen (自动打开)

• 类型：boolean（默认值：false）
• 描述：设置是否在单击下拉框时自动打开下拉列表。

9. enableBrowserBoundsDetection (自适应)

• 类型：boolean（默认值：false）
• 描述：指定是否启用浏览器边界检测。如果启用，则下拉框将自动在视窗边界内显示。

10. autoComplete (自动完成)

• 类型：boolean（默认值：false）
• 描述：设置是否启用自动完成功能。

11. multiSelect (多项选择)

• 类型：boolean（默认值：false）
• 描述：设置是否启用多选模式。

12. checkboxes (复选框)

• 类型：boolean（默认值：false）
• 描述：设置是否在下拉列表中显示复选框。

13. searchMode (搜索模式)

• 类型：string（默认值：'startswithignorecase'）
• 描述：设置搜索模式。可选值包括：'startswith'、'equals'、'contains'、'containsignorecase' 和 'startswithignorecase'。

14. dropDownWidth (下拉列表宽度)

• 类型：number（默认值：0）
• 描述：指定下拉列表的宽度。如果值为 0，则下拉列表的宽度将与下拉框的宽度相同。

示例

$("#comboBox").jqxComboBox({
    width: 250,
    height: 30,
    source: ['Option 1', 'Option 2', 'Option 3'],
    placeHolder: 'Select an option...',
    selectedIndex: 0,
    autoOpen: false,
    autoComplete: true,
    multiSelect: true,
    checkboxes: true,
    searchMode: 'containsignorecase',
    dropDownWidth: 200
});

以上是 jQWidgets jqxComboBox 的一些常用模板属性和示例，希望对你有帮助！

请注意，以上提供的属性和示例仅供参考，请根据实际需求进行适当调整和修改。请参阅官方文档以获取更详细的属性和用法信息。