Скрыть динамически добавленные столбцы / поля - PullRequest
Новая
       7

Скрыть динамически добавленные столбцы / поля

0 голосов
/ 23 апреля 2010

У меня есть несколько динамически создаваемых строк / столбцов. То, что я хотел бы сделать, это установить его часть (txtOffsetID), который будет скрыт. Я попробовал это: txtOffsetID.setAttribute('type', 'hidden');, но это не сработало. Я хочу скрыть весь этот столбец и все новые добавленные столбцы. Мне это нужно для работы в IE. Благодаря.

Пример кода: 

function addNewOffsetItem()
{
    var iX = document.getElementById("txtOffsetIndex").value;
    iX ++;
    document.getElementById("txtOffsetIndex").value = iX;

    var tbl = document.getElementById("tblOffsetDetail").getElementsByTagName("TBODY")[0];
    var tr = document.createElement("TR");
    tbl.appendChild(tr);

    //This section should be hidden.    
    //txtOffsetID1
    var tdID = document.createElement("TD");
    tr.appendChild(tdID);

    var p = document.createElement("P");
    tdID.appendChild(p);

    var txtOffsetID = document.createElement("input"); 
    p.appendChild(txtOffsetID);

    txtOffsetID.id = "txtOffsetID" + iX;
    txtOffsetID.setAttribute('name','txtOffsetID' + iX);
     **document.getElementById("colOffsetID").style.display="none";**

    //This section should be visible.
    //txtOffsetComments1 
    var tdComments = document.createElement("TD");
    tr.appendChild(tdComments);

    var p = document.createElement("P");
    tdComments.appendChild(p);

    var txtOffsetComments = document.createElement("textarea"); 
    p.appendChild(txtOffsetComments);

    txtOffsetComments.id = "txtOffsetComments" + iX;
    txtOffsetComments.setAttribute('name','txtOffsetComments' + iX);    
}

<table width="99%" border="1" cellpadding="1" cellspacing="1" id="tblOffsetDetail">
    <colgroup>
    <col id="colOffsetID">
    <col id="colOffsetComments">
    </colgroup>
    <tbody>     
        <tr>
            <td><input type="text" id="txtOffsetID" name="txtOffsetID"></td>
            <td><p><textarea name="txtOffsetComments" cols="15" rows="3" id="txtOffsetComments"></textarea></p></td>        
        </tr>
    </tbody>
</table>

1 Ответ

1 голос
/ 23 апреля 2010

созданный элемент "tr" можно скрыть следующим образом 

tr.setAttribute('style', 'display: none;');

но если вы хотите скрыть полный столбец, вам нужно использовать элемент таблицы colgroup
пример 

<table>
<colgroup>
<col id="colOne">
<col id="colTwo">
<col id="colThre">
</colgroup>
<tbody>
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
</tbody>

Вы можете скрыть colTwo, как это 

document.getElementById('colTwo').style.display = 'none';

Надеюсь, это поможет

...