[ Valerij Zajcev @ 12.11.2011. 17:09 ] @
Pokusavam da napravim edit in place u listi item-a. Problem je sto se ne bavim pretarno javascript-om i jquery-em i ponekad ne znam sta radim :) Dakle imam listu komentara i sa klkom na link taj komentar postaje editable. Problem je sto kada imam recimo 4 komentara i kliknem na edit prikazu mi se 4 edit komentara. Sta radim pogresno? Code: $('#editButton').live('click', function (e) { e.preventDefault(); var container = $(this).closest('.commentWrap'); var itemId = container.attr('id'); var nestId = '#' + itemId; var txt = $('#commentTextValue').text(); $(nestId + ' #commentTextValue').remove(); $(nestId + ' #editButton').remove(); $(nestId).prepend('<textarea id="editArea">' + txt + '</textarea>'); $(nestId).append('<input type="submit" value="Ok" class="btnOk" />'); }) $('.btnOk').live('click', function (e) { e.preventDefault(); var container = $(this).closest('.commentWrap'); var itemId = container.attr('id'); var text = container.find('textarea').val(); var nestId = '#' + itemId; //alert(nestId); $.ajax({ url: '/Comment/SaveComment', data: JSON.stringify({ CommentText: text, CommentId: itemId }), type: 'post', contentType: 'application/json', success: function (data) { if (data.success === true) { $(nestId + ' #editArea').remove(); $(nestId + ' .btnOk').remove(); $(nestId).append('<h3 id="commentTextValue">' + data.message + '</h3>'); $(nestId).append('<a id="editButton" href="#">Edit</a>'); } } }); }); </script> <div style="border: 1px solid #dddddd;"> @Html.ActionLink(@Model.Author, "SomeAction") <div class="commentWrap" id="@Model.CommentId"> <p id="commentTextValue">@Model.CommentText</p> <a id="editButton" href="#">Edit</a> </div> </div> |