1

[查看更新以获得更精确的规格......]

我最近开始为我的 asp.net mvc 应用程序使用 jquery jeditable 插件。到目前为止，一切都很好。

http://forums.asp.net/p/1541654/3789265.aspx上的最后一篇文章非常有用，我最终几乎逐字逐句地使用它。但是，模型化的错误行为并不适合我的应用程序。如果出现错误，他们会丢弃更改，将可编辑区域恢复为纯文本，并弹出错误消息作为警报。这对于短输入很好，但对于较长的文本区域输入是不可接受的。

我的问题：如何更改 onerror 函数以将可编辑区域恢复为以被拒绝输入为种子的表单以允许连续编辑？

我想作为一个初学者，我应该删除对 original.reset() 的调用，但我不确定还有什么可以调用来丢弃占位符并恢复表单。

<h2 class="editable_area" id="Report_Title_<%: Model.report.ReportID %>"><%: Model.report.Title %></h2>
<div class="editable_area" id="Report_HeaderText_<%: Model.report.ReportID %>"><%: Model.report.HeaderText %></div>

<script type="text/javascript" src="../../Scripts/jeditable/jquery.jeditable.js"></script>
<script type="text/javascript">
    $(function () {
        $('.editable_area').each(function (index, element) {

            // Get the property name and menu item id for the AJAX request  
            var identifiers = $(element).attr('id').split('_');
            var target = identifiers[0];
            var property = identifiers[1];
            var id = identifiers[2];

            $(element).editable('/' + target + '/UpdateSettings', {
                name: property,
                submitdata: function (value, settings) {
                    return { 'id': id, '__property': property };
                }, 
                onerror: function (settings, original, xhr) {  
                    var error = eval('(' + xhr.responseText + ')');
                    // This will be reverted by reset. 
                    // $('<span class="field-validation-error">' + error.Message + '</span>').appendTo($(this));  
                    alert(error.Message);  
                    original.reset();  
                },  
                type: 'textarea',
                rows: '10',
                cancel: 'Cancel',
                submit: 'OK',
                indicator: 'Saving...',
                tooltip: 'Click to edit...'
            })
        });
    });
</script>

谢谢，达菲

[更新] 看起来技巧涉及避免设置指标，然后在 onerror 期间重新关注输入字段。

不幸的是，我对 onerror 的部分解决方案仅适用于 IE。在 Firefox 上，focus() 会陷入“ajaxError”事件。

           $(element).editable('/' + target + '/UpdateSettings', {
                [...]
                onerror: function (settings, original, xhr) {
                    $('.editable-field-validation-error').remove();
                    var error = eval('(' + xhr.responseText + ')');
                    $('<span class="editable-field-validation-error">' + error.Message + '</span>').prependTo($(this).parent());
                    // This works on IE but not on FireFox due to "ajaxError" event.
                    $(':input:visible:enabled:first', $(this)).focus();
                },
                // indicator: 'Saving...',
                onblur: 'cancel'
            })

问题：如何防止 focus 和 ajaxError 事件纠缠在一起？

谢谢！

4

1 回答 1

0

好吧，事实证明，上面更新中发布的片段毕竟是正确的。它所需要的只是重新启动浏览器。

于 2010-11-05T16:13:26.673 回答