Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何对Slickgrid的TextCellEditor进行子类化?_Javascript_Jquery_Slickgrid - Fatal编程技术网

Javascript 如何对Slickgrid的TextCellEditor进行子类化?

Javascript 如何对Slickgrid的TextCellEditor进行子类化?,javascript,jquery,slickgrid,Javascript,Jquery,Slickgrid,如何对的TextCellEditor进行子类化 我想使用;为此,我需要打电话 $("input, textarea, select, button").uniform(); 生成html后;换句话说,在调用编辑器对象的init函数之后;目前,我只是复制整个编辑器源代码,并在init函数结束之前添加该行。我只是看起来不优雅 编辑: 为了让不熟悉slickgrid的人清楚,以下是代码: var myTextCellEditor = function(args) { var $inp

如何对的TextCellEditor进行子类化

我想使用;为此,我需要打电话

$("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();
    }
var myTextCellEditor=函数(args){
var$输入;
风险价值;
var范围=此;
this.init=函数(){
$input=$(“”)
.appendTo(参数容器)
.bind(“keydown.nav”,函数(e){
if(e.keyCode==$.ui.keyCode.LEFT | | e.keyCode===$.ui.keyCode.RIGHT){
e、 停止即时复制();
}
})
.focus()
.select();
$input.uniform();
};
this.destroy=函数(){
$input.remove();
};
this.focus=函数(){
$input.focus();
};
this.loadValue=函数(项){
defaultValue=项[args.column.field]| |“”;
$input.val(默认值);
$input[0].defaultValue=defaultValue;
$input.select();
};
this.serializeValue=函数(){
返回$input.val();
};
this.applyValue=函数(项、状态){
项[args.column.field]=状态;
};
this.isValueChanged=函数(){
返回(!($input.val()=“”&&defaultValue==null))&&($input.val()!=defaultValue);
};
this.validate=函数(){
if(args.column.validator){
var validationResults=args.column.validator($input.val());
如果(!validationResults.valid)
返回验证结果;
}
返回{
有效:对,
msg:null
};
};
this.init();
}
其中$input.uniform()是与默认TextCellEditor不同的唯一一行。

您可以使用.live()将.ready()事件按类绑定到生成的html内容,以便它应用于所有将来的内容,而不仅仅是初始DOM中存在的内容

所以


试过了,但没用;可能是因为DOM更改后,DOM就绪事件不会再次触发?
$('.classOfSlickGrid').live('ready', function() {
    $("input, textarea, select, button").uniform();
}