ansaurus

Question

jQuery for dynamic Add/Remove row function, it's clone() objcet cannot modify element name

Answer 1

+4 A:

I really recommend to ask specified, short and clear questions. Not many people are willing to crawl through all your code & markup to find an error for you.

I just noticed one thing, maybe it has to do with your problem:

var newRow = jQuery("#"+blankRowID).clone(true).appendTo(_tableBody)    
    .attr("style", "display: ''")
    .addClass("rowData")                                                    
    .removeAttr("id");

Several things here:

Modifiying the style with .attr() is not a good idea. Use jQuerys .css() function.

Setting display to an empty string like you do, is also not a good idea. Do:

.css('display', 'none') // to hide
.css('display', 'block') // to show

or natively

$('element').hide(); // to hide
$('element').show(); // to show

So basically that call should look like this:

var newRow = jQuery("#"+blankRowID).clone(true).appendTo(_tableBody)    
    .css("display", "block")
    .addClass("rowData")                                                    
    .removeAttr("id");

jAndy 2010-06-07 16:14:25

Thanks for your recommend, next time I'll be carefully

wcy0942 2010-06-07 16:20:39

+1 for the sheer dedication! ;o) Although I wonder if by trying to set `display` to an empty string, the OP was trying to actually show the element? Looks like the `blankRow` being cloned starts of with `display:none` in the inline style attribute.

patrick dw 2010-06-07 16:28:00

Fixed that :p.. Really I wouldn't have answered too if not that part would not have fallen into my view randomly.

jAndy 2010-06-07 16:33:05

The code is bad to smell, but my problem as title, its cannot modify elements name, something worng ? plz help me

wcy0942 2010-06-07 16:41:54

what do you mean with `name`. The attribute? Try to use `.attr('name', 'new name');`

jAndy 2010-06-07 16:57:07

I'm for each to alert html as: jQuery ( "#"+tableId ).find(".rowData").each(function(){ jQuery(this).html() }); , but the name still the same with dummy row.

wcy0942 2010-06-07 17:15:08

Answer 2

A:

In last weet,I was redraw my table, the problem finised !!

        // update tr rowid
    jQuery ( "#"+tableId ).find(".rowData").each(function(){

        var rowHtml="<tr id='prh_"+count+"'class='refreshData'>"; // another class          

        var myRow = jQuery(this);

        jQuery('td', myRow).each(function(){
            rowHtml += "<td>";  

            var myTd = jQuery(this);

            jQuery ( myTd ).find("input[type='checkbox']").each(function(){

                var oldCkbox = jQuery(this);
                var ckboxName = oldCkbox.attr('name', 'prh_'+ count ).attr('name');

                var newCkbox = jQuery('<input type=checkbox name="' + ckboxName + '">');                    
                .....               

                jQuery(oldCkbox).replaceWith(newCkbox);


            });


            rowHtml += myTd.html();
            rowHtml += "</td>";
        });

        rowHtml += "</tr>";
        // empty to clean clone event
        jQuery(myRow).empty().addClass("rowData").removeClass("refreshData").html(rowHtml);

        count ++;           
    });

wcy0942 2010-06-18 08:17:57

The key point as following (ReDraw the tr row):// empty to clean clone event jQuery(myRow).empty().addClass("rowData").removeClass("refreshData").html(rowHtml);

wcy0942 2010-06-18 08:29:20

ansaurus

tags:

views:

answers:

jQuery for dynamic Add/Remove row function, it's clone() objcet cannot modify element name

related questions