[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Clone table -> tr. and edit td
Dezigo
При нажатии на колонку мне надо скопировать строчку - такуе жу - и поставить её под строкой которою я нажал.
тоесть просто создать дубликат.
я это сделал.
но мне надо поменять в колонках имя и добавить туда ещё одну колонку..
помогите.
думаю зайти в строку и добавить туда столбец я счас напишу через append. но вот как отредактировать мне нужную колонку..
если колонок у меня 64.
а это пример.. из 3.но принцип такой же.

HTML
function addTr(id)
{
$(function()
{
$("#"+id).clone(true).insertAfter('#'+id); // check after() examples
});
}



HTML
<table width="400" border="1" id='myTable'>
<tr id='k1'>
<td onclick="addTr('k1')">Insert</td>
<td>ww</td>
<td><input type='text' value='98'/ id='myid' name='myid[1][6]'></td>
</tr>
<tr id='k2'>
<td onclick="addTr('k2')">Insert</td>
<td>ff</td>
<td><input type='text' value='1400' id='myid' name='myid[2][6]'></td>
</tr>
<tr id='k3'>
<td onclick="addTr('k3')">Insert</td>
<td>gfhgf</td>
<td><input type='text' value='45'/ id='myid' name='myid[3][6]'></td>
</tr>
</table>




Спустя 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>




Спустя 2 минуты, 3 секунды (2.07.2009 - 13:27) Oyeme написал(а):
Dezigo молоток! rolleyes.gif

Спустя 1 минута, 34 секунды (2.07.2009 - 13:28) Dezigo написал(а):
Oyeme спасибо rolleyes.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.