редактировать несколько ссылок - PullRequest
Новая
       9

редактировать несколько ссылок

0 голосов
/ 28 марта 2011

Попытка сделать jeditable редактировать несколько ссылок и обновить результаты при отправке 

function inlineEditData(linkId){
    $('.inlineLinkEdit_' + linkId).editable('crudDocumentationLink.htm', {  
        event     : 'editclick',
        submit    : 'Save',
        cancel    : 'Cancel',
        indicator : '<img src="images/indicator.gif">',
        width     : 600,
        onsubmit  : function(value, settings) {
            $('.inlineLink_' + linkId).href=value;
            $('.inlineLink_' + linkId).innerHTML=value;
            $('.inlineLink_' + linkId).show();
            $('.inlineLinkEdit_' + linkId).hide();
            $('.inlineLinkTrigger_' + linkId).show();
        },
        onreset  : function(value, settings) {
            $('.inlineLink_' + linkId).show();
            $('.inlineLinkEdit_' + linkId).hide();
            $('.inlineLinkTrigger_' + linkId).show();
        }
    });
}

function editLink(linkId){
    $('.inlineLink_' + linkId).hide();
    $('.inlineLinkEdit_' + linkId).show();
    $('.inlineLinkTrigger_' + linkId).hide();

    inlineEditData(linkId);

    $('.inlineLinkEdit_' + linkId).trigger('editclick');
}

И html: 

<a href="${document.link}" class="inlineLink_${document.id}" id="inlineEdit_${document.id}">${document.link}</a>
<span style="display:none;" class="inlineLinkEdit_${document.id}" id="inlineEdit_${document.id}">${document.link}</span>
<span class="inlineLinkTrigger_${document.id}" onclick="editLink(${document.id})" style="cursor:pointer;">edit</span>

Редактирование работает.Но я хочу, чтобы это значение на странице обновлялось в соответствии с пользовательским вводом.Так что не так в моем коде?

1 Ответ

0 голосов
/ 30 марта 2011

Наконец мне удалось это сделать (проблема была в правильной настройке текста).Я изменил «onsubmit» на «callback» и первые две строки внутри него. 

$('.inlineLink_' + linkId).attr({"href":$('.inlineLinkEdit_' + linkId).text()});
$('.inlineLink_' + linkId).text($('.inlineLinkEdit_' + linkId).text());
...