Javascript table row display/hide -
i have created table using javascript/backbone. while using template display rows have 1 visible row , 1 hidden start. when click on specific table want 'expand' showing hidden row placed under visible one. i'm using loop create table rows have same class , id. far used expand , collapse rows:
expandrow: function() { if (document.getelementbyid('hiddentext').style.display == 'none' ) { document.getelementbyid('hiddentext').style.display = ''; } else if (document.getelementbyid('hiddentext').style.display == '') { document.getelementbyid('hiddentext').style.display = 'none'; }
however solution opens , closes same table row (the top one) no matter row click on. need find solution expand/collapse specific row click on.
ids must unique page. if not unique, javascript select first occurence, in case, first row "hiddentext" id.
you need select desired row via sort of reference. so, perhaps in loop creates table can include incremental index in row id
s, select appropriate row via method.
Comments
Post a Comment