1

有什么方法可以隐藏显示表的列，我们有 media="none" 隐藏列。我尝试使用

document.getElementById(display_column_name).media="none";

但它不起作用，我在 javascript 中设置显示列的属性时被卡住了，有什么办法吗。在按钮选择列上是隐藏/显示显示表。

我在列标题上有复选框。我必须隐藏显示表的列。选定的列在按钮单击时被隐藏。

我也尝试过使用 div 标签显示列

<div id= "col1" style="display:block">
            <display:column paramId="date_disp" paramName="date_disp"  property="date_disp" title="Date" sortable="true" headerClass="sortable" decorator="com.commons.ColDateDecorator" style="font-family:Arial, Helvetica, sans-serif;font-size: 12px;height: 25;"/>
</div>

和 document.getElementById('col1').style.display="none"; 但它不工作。

4

5 回答 5

1

是要隐藏一个元素还是多个元素？document.getElementsByName 将返回一个元素数组，因此您需要像这样访问它：

document.getElementsByName(display_column_name)[0].media="none"

如果它只是一个元素并且这个元素有一个 id 考虑使用这个可能：

getElementById()

我还假设 display_column_name 是以前定义的变量，对吗？

于 2012-04-12T12:35:10.137 回答
0

最好的方法是将 css 显示样式设置为无。

document.getElementById("id _of_the_component").style.display = 'none';

或者您可以使用 jquery 库，但您必须从 jquery.com 下载 jquery 库。使用 script 标签将脚本导入您的页面并执行以下操作

$("#id _of_the_component).hide();
于 2012-04-12T12:35:10.743 回答
0

尝试以下操作：

HTML：

<html>
    <table>
        <tr>
            <td id="td1">TD1</td>
            <td id="td2">TD2</td>
            <td id="td3">TD3</td>
        </tr>        
    </table>
</html>

JavaScript：

document.getElementById("td2").style.display = "none";

演示：http: //jsfiddle.net/Vishal_Suthar3/kDb8Z/

于 2012-04-12T12:51:49.380 回答
0

Uchenna 是对的，你可以使用 jquery 库

使用脚本标签将脚本导入您的页面

将属性“id”或“class”添加到要隐藏的列

并使用该类或 id 可以隐藏该元素。

例如。如果你有 mantioned id 属性并且 valuse 是“abc”

然后你可以写：

$(document).ready(function() 
{
$("#abc").hide();
});
于 2012-04-19T10:25:37.373 回答
0

修改您的显示列，如：

<display:column class="abc" paramId="date_disp" paramName="date_disp"  property="date_disp" title="Date" sortable="true" headerClass="sortable" decorator="com.commons.ColDateDecorator" style="font-family:Arial, Helvetica, sans-serif;font-size: 12px;height: 25;"/>

在按钮点击上你可以写：假设你正在使用按钮

<input type="submit" value="Submit" id="success" />
then you can use it like :

    $('#success').click(function(){
    $(".abc").hide();   
     });
于 2012-04-23T09:27:43.240 回答