JEdi​​table自定义类型导致编辑变为空白

时间:2011-01-14 20:10:54

标签: jquery jeditable

我需要一个内嵌格式的帽子,其中包含一个文本区域和一个文本框。我决定使用以下代码为Jeditable编写自定义类型:

    $.editable.addInputType('edit_area', {
        element : function(settings, original) {
            var input = $('<textarea id=\"bio\">');               
            $(this).append(input);

            var source = $('<input type="text" id="source" />');
            $(this).append(source);

            var hidden = $('<input type="hidden" />');
            $(this).append(hidden);

            return(hidden);
        },
        submit: function (settings, original) {
            var value = $('#bio').val();

            $(':hidden', this).val(value);
        }
    });

    $('.edit_area').editable('/MyUrl/', {
        type      : 'edit_area',
        cancel    : 'Cancel',
        submit    : 'OK',
        submitdata : function(value, settings) {
            var source = $("#source").val();

            return {foo: source};
        }
    });

此代码可以工作但是一旦信息发布到服务器(服务器返回空结果),它看起来像Jeditable接受空响应并在屏幕上使用它导致编辑后的文本变为空白。我尝试返回已编辑的文本,在这种情况下代码可以正常工作,但除非必须,否则我不想返回所有文本。

以前有人见过这个问题吗?任何帮助表示赞赏。

由于

1 个答案:

答案 0 :(得分:0)

我认为不可能不在服务器操作中返回值。在Jeditable文档中,明确指出服务器上有两个参数:“id”和“value”,新显示的文本是服务器返回的内容。