单击标题时，表内容应隐藏 [英] on a click on header, table contents should be hidden
本文介绍了单击标题时，表内容应隐藏的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在使用VS 2005，并从xml文件动态生成填充数据的数据表.现在我的要求是:
1)如果单击标题，表内容应隐藏而保留标题
2)再次单击标题，表内容应再次可见.
请帮帮我.
Hi,
I am using VS 2005 and dynamically generating datatable populating data from an xml file. Now my requirement is:
1)if I click on header,table contents should hide leaving the header
2)Click on header again,table contents should be visible again.
Kindly help me out.
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Table ID="TABLE1" CellPadding="3" CellSpacing="0" runat="server" BorderWidth="1px" GridLines="both"></asp:Table>
<asp:Table ID="TABLE2" CellPadding="3" CellSpacing="0" runat="server" BorderWidth="1px" GridLines="both"></asp:Table>
<asp:Table ID="TABLE3" CellPadding="3" CellSpacing="0" runat="server" BorderWidth="1px" GridLines="both"></asp:Table>
</div>
</div>
</form>
</body>
protected void Page_Load(object sender, EventArgs e)
{
String filePath = Server.MapPath("TimeSlot20101025.xml");
FileStream sr = new FileStream(filePath, System.IO.FileMode.Open);
try
{
XmlTextReader xtr = new XmlTextReader(sr);
ds.ReadXml(xtr);
DataTable objDataTable = new DataTable();
objDataTable = (DataTable)ds.Tables[tableno].DefaultView.Table;
TableRow objTableRow = new TableRow();
TableHeaderCell objTableHeaderCell = new TableHeaderCell();
TableCell objTableCell = new TableCell();
TABLE1.Rows.Add(objTableRow);
objTableRow = new TableRow();
objTableHeaderCell.ColumnSpan = objDataTable.Columns.Count;
objTableHeaderCell.Text = objDataTable.Columns[i].ColumnName.ToString();
objTableHeaderCell.Style.Add("font-weight", "bold");
objTableHeaderCell.Style.Add("text-align", "left");
objTableHeaderCell.Width = Unit.Pixel(120);
objTableHeaderCell.Wrap = false;
objTableRow.Cells.Add(objTableHeaderCell);
}
TABLE1.Rows.Add(objTableRow);
for (int iRow = 0; iRow < objDataTable.Rows.Count; iRow++)
{
objTableRow = new TableRow()
objTableRow.Cells.Add(objTableCell);
}
TABLE1.Rows.Add(objTableRow);
/*
.............Same for generating other table dynamically..................
*/
}
}
finally
{
sr.Close();
sr.Dispose();
}
}
请帮帮我.
从答案中移出[/EDIT]
Kindly help me out.
Moved from Answer[/EDIT]
推荐答案
检查
check here[^]
Google expand and collapse for more results.
请检查
1) jQuery切换
2) jQuery插件
3)用Google搜索更多内容
让我知道您是否需要更多帮助.
Please check
1) jQuery toggle
2) jQuery Plugins
3) Google it for more stuff
Let me know if you need more help on this.
我给您提供了一个最简单的示例，现在您肯定会找到解决方案.只需尝试了解以下代码即可:
在head标签内添加jQuery函数
I am giving you a simplest example and definitely you will get the solution now. Just try to understand the code below:
Add the jQuery function within the head tag
<script type="text/javascript">
这篇关于单击标题时，表内容应隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
