jQWidgets jqxComplexInput 完整参考

简介

jQWidgets jqxComplexInput 是一个基于 jQuery 的复数输入框插件，可以用于显示和编辑复数。

安装

可以通过多种方式安装 jQWidgets jqxComplexInput：

• 下载源代码，然后引用插件的 JS 和 CSS 文件。
• 使用 npm 安装：npm install jqwidgets-framework
• 使用 bower 安装：bower install jqwidgets

使用示例

创建一个简单的复数输入框

<div id="complexInput"></div>

$("#complexInput").jqxComplexInput({
    width: 250,
    height: 25,
    value: "5+3i",
    decimalDigits: 2,
    disabled: false,
    placeHolder: "Type a complex number...",
    spinButtons: true,
    spinButtonsStep: 1,
    spinButtonsWidth: 20
});

获取和设置复数输入框的值

// 获取复数输入框的值
var complexValue = $("#complexInput").jqxComplexInput("val");

// 设置复数输入框的值
$("#complexInput").jqxComplexInput("val", "7-2i");

事件监听

复数输入框有多种事件可以监听，例如 valueChanged、textChanged、spin、spinUp、spinDown 等等，可以使用 jQuery 的 on 方法来监听这些事件：

$("#complexInput").on("valueChanged", function (event) {
    var newValue = event.args.value;
    console.log("New value: " + newValue);
});

API 参考

jqxComplexInput(options)

创建一个复数输入框。

• options object，可选项：
  • width: Number/String，输入框的宽度，默认值为 200。
  • height: Number/String，输入框的高度，默认值为 25。
  • value: String，输入框的默认值，默认值为 "0+0i"。
  • decimalDigits: Number，复数的小数位数，默认值为 2。
  • disabled: Boolean，是否禁用输入框，默认值为 false。
  • placeHolder: String，输入框的占位符文本，默认值为空字符串。
  • spinButtons: Boolean，是否显示旋钮按钮，默认值为 true。
  • spinButtonsStep: Number，旋钮按钮变化的步长，默认值为 1。
  • spinButtonsWidth: Number/String，旋钮按钮的宽度，默认值为 "20"。

val(value)

获取或设置复数输入框的值。

• value string（可选），设置输入框的值。

on(eventName, eventHandler)

绑定一个事件处理程序。

• eventName string，需要绑定的事件名称。
• eventHandler function，事件处理程序。