jquery-ui - 文字AZまたはその他のカスタム範囲を持つjQuery UI Spinner

Question

AZ 文字 (または任意のカスタム範囲) が可能になるように、jQuery UI スピナーをカスタマイズする方法はありますか?

Answer 1

はい、可能です。AZ を使用した簡単な例を次に示します。

$.widget("ui.alphaspinner", $.ui.spinner, {
    options: {
        min: 65,
        max: 90
    },
    _parse: function(value) {
        if (typeof value === "string") {
            return value.charCodeAt(0);
        }
        return value;
    },
    _format: function(value) {
        return String.fromCharCode(value);
    }
});

使用法：

$("#my-input").alphaspinner();

例: http://jsfiddle.net/4nwTc/1/

上記の例では、alphaspinnerを継承するという名前の新しいウィジェットを作成しspinnerます。次のようにして、1 つのスピナーに対してのみこれを行うことができます。

$(function() {
    var spinner = $("#alpha-spinner").spinner({
        min: 65,
        max: 90
    }).data("spinner");

    spinner._parse = function (value) {
        if (typeof value === "string") {
            return value.charCodeAt(0);
        }
        return value;        
    };

    spinner._format = function (value) {
        return String.fromCharCode(value);        
    }
});​

例: http://jsfiddle.net/4nwTc/2/