Question

我正在使用jquery的可编辑，并且提交和取消我还想要一个额外的按钮用于其他功能......任何人都可以帮忙吗？

Answer 1

您必须扩展插件...在源

中执行以下更改

onEdit: null,
            onSubmit: null,
            onPopup: null, //function to be called when you click your custom popup button
            onCancel: null,
            editClass: null,
            submit: null,
            popup: null, //your custom popup button
            popupBy: 'blur', //blur, change, dbclick, click
            cancel: null,
            type: 'text',

之后你必须定义像

这样的选项

// popup event 
            if (opts.popup) {
                $('<button/>').appendTo($this)
                        .html(opts.popup)
                        .one('mouseup', function () { opts.toNonEditable($(this).parent(), true) });
            } else
                $this.one(opts.popupBy, function () { opts.toNonEditable($(this), true) })
                 .children()
                    .one(opts.popupBy, function () { opts.toNonEditable($(this).parent(), true) });

最后将以下内容添加到源中以调用用户定义的函数

 // Call User Function
            var func = null;
            if ($.isFunction(opts.onSubmit) && change == true)
                func = opts.onSubmit;
            else if ($.isFunction(opts.onCancel) && change == false)
                func = opts.onCancel;
            else if ($.isFunction(opts.onPopup) && change == true)
                func = opts.onPopup;

如果一切顺利，您可以将其用作

$('selector').editable({
    type: 'select',
    options: { 'value1': 'Item 1', 2: 'Item 2', 'Item 3': 'Item 3' },
    submit: 'save',
    popup:'click to open popup',
    cancel: 'cancel',
    editClass: 'colored',
    onEdit: editFuncion,
    onPopup:popupFunction,
    onSubmit: submitFuncion
});

function popupFunction() { 

// your logic to open popup

}

<强>声明

我没有测试过，所以我无法确认它是否会起作用，但你会明白这个想法

jquery可编辑的额外按钮/链接

1 个答案: