0

Slickgrid のTextCellEditorをサブクラス化するにはどうすればよいですか?

均一ライブラリを使用して、slickgrid で使用されるエディターのスタイルを設定したい。そのためには、電話する必要があります

$("input, textarea, select, button").uniform();

html が生成された後。つまり、エディタ オブジェクトの init 関数が呼び出された後です。現在、エディターのソース コード全体をコピーし、その行を init 関数の最後の直前に追加するだけです。私はエレガントではないようです。

編集：

slickgrid に慣れていない人にもわかりやすいように、コードは次のとおりです。

var myTextCellEditor = function(args) {
        var $input;
        var defaultValue;
        var scope = this;

        this.init = function() {
            $input = $("<INPUT type=text class='editor-text' />")
                .appendTo(args.container)
                .bind("keydown.nav", function(e) {
                    if (e.keyCode === $.ui.keyCode.LEFT || e.keyCode === $.ui.keyCode.RIGHT) {
                        e.stopImmediatePropagation();
                    }
                })
                .focus()
                .select();

                $input.uniform();
        };

        this.destroy = function() {
            $input.remove();
        };

        this.focus = function() {
            $input.focus();
        };

        this.loadValue = function(item) {
            defaultValue = item[args.column.field] || "";
            $input.val(defaultValue);
            $input[0].defaultValue = defaultValue;
            $input.select();
        };

        this.serializeValue = function() {
            return $input.val();
        };

        this.applyValue = function(item,state) {
            item[args.column.field] = state;
        };

        this.isValueChanged = function() {
            return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
        };

        this.validate = function() {
            if (args.column.validator) {
                var validationResults = args.column.validator($input.val());
                if (!validationResults.valid)
                    return validationResults;
            }

            return {
                valid: true,
                msg: null
            };
        };

        this.init();
    }

どこで$input.uniform(); デフォルトの TextCellEditor と異なる唯一の行です。

4

1 に答える 1

0

.live（）を使用して、クラスごとに.ready（）イベントを生成されたhtmlコンテンツにバインドして、最初のDOMに存在するコンテンツだけでなく、将来のすべてのコンテンツに適用することができます。

それで...

$('.classOfSlickGrid').live('ready', function() {
    $("input, textarea, select, button").uniform();
}
于 2010-12-29T20:57:05.870 に答える