Спустя 1 день, 4 часа, 11 минут, 26 секунд (2.07.2009 - 13:25) Dezigo написал(а):
я написал. спустя 14 часов.всей логике.
кому интререстно.
особенности
- добавление полной клонированой строки под сторокой ,которю выбрал.
- удаление ребёнков
- удаление самого родителя.
-впринципе вся структура относится к виду
( в каждой строке колонки. и это и есть двух-мерный массив).
удаление родителя это у выбору удалить - запись с бд. а не просто.
динамические записи имееют свой id. и каждый input меняет имя + индекс уникальности.
удаление вставки клонированой строки - чтобы не было глюков.(копированмя строки димической) , можно дописать.если что
Jquery
HTML |
var count = 0; function add(id) { $(function() { //$("#"+id).clone(true).insertAfter('#'+id); // check after() examples var delID = '"dynRow'+count+'"'; $("#"+id).clone(true).insertAfter('#'+id).each(function() { $(this).attr("id","dynRow"+count+""); // add ID to cloned ROW $(this).find("input").attr("name","insertid["+count+"][]"); // find input and change name $(this).find("div#ins").before('<div onclick=\'delDynamicRow(dynRow'+count+')\'>Delete</div>').remove(); //remove id and set new div with new functions on 'delete' div }); count++; });
} //attr("id","del"+count) //$("#"+id).clone(true).insertAfter('#'+id).find("div#ins").before("<div onclick='' id='del'>Delete</div>").remove().find("input").attr("name","insertid["+count+"][]");
function delDynamicRow(id) { $(function() { $(id).remove(); }); }
function del(id) { alert("Delete static ROW? OK"); $("#"+id).remove(); } |
CSS
HTML |
<style type="text/css"> .bold { font-weight: bold; } </style>
|
HTML
HTML |
<table width="400" border="1" id='myTable'> <tr id='k1'> <td><div id='ins'><div onclick="add('k1')" class="bold">Insert</div> <div onclick="del('k1')" id='del'>Delete</div></div></td> <td>ww</td> <td><input type='text' value='98'/ id='' name='myid[1][6]'></td> </tr> <tr id='k2'> <td><div id='ins'><div onclick="add('k2')" class="bold">Insert</div> <div onclick="del('k2')">Delete</div></div></td> <td>ff</td> <td><input type='text' value='1400' id='' name='myid[2][6]'></td> </tr> <tr id='k3'> <td><div id='ins'><div onclick="add('k3')" class="bold">Insert</div> <div onclick="del('k3')" id='del'>Delete</div></div></td> <td><input type='text' value='45' name='myid[3][6]'></td> <td><input type='text' value='222' name='myid[6][6]'></td> </tr> </table> |