在Listview的asp重复器中显示隐藏行-只隐藏第一列
Show Hide rows in asp repeater within Listview - Only hiding first column
我有以下ListView包含一个重复器。重复器加载三个作为列的列表,这三个列表中的每一个都包含另一个作为行的列表。
下面的工作,但只隐藏Description和第一个值列。我需要能够隐藏描述和所有三个值列
如有任何帮助,不胜感激
<asp:ListView ID="ListView1"
runat="server" DataKeyNames="KeyName1">
<LayoutTemplate>
<div runat="server" id="itemPlaceholder"></div>
</LayoutTemplate>
<ItemTemplate>
<div id="div1" runat="server" class="col">
<h2>
<asp:Label runat="Server" Text='<%#Eval("ds1") %>' /></h2>
<div class="premium">
<p>Monthly premium:</p>
<p>
<asp:Label ID="lbl1" runat="Server" />
</p>
</div>
<ul id="List1">
<asp:Repeater ID="rpt1" runat="server">
<ItemTemplate>
<li>
<p>
<asp:Label ID="Label1" runat="Server" Text='<%#Eval("Description")%>' />
</p>
<p>
<asp:Label ID="Label2" runat="Server" Text='<%#Eval("Value")%>' />
</p>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
<div class="reveal">
<p><a id="show" href="javascript:show();">Show</a><a id="hide" href="javascript:hide();" style="display:none;">hides</a></p>
</div>
</div>
</ItemTemplate>
</asp:ListView>
我用下面的Javascript来显示和隐藏
列window.onload = function () {
hide();
};
function show() {
var list = document.getElementById('List1').getElementsByTagName("li");
for (var i = 0; i < list.length; i++) {
if (i >= 5) {
list[i].style.display = 'block';
}
}
document.getElementById('hide').style.display = 'inline';
document.getElementById('show').style.display = 'none';
}
function hide() {
var list = document.getElementById('List1').getElementsByTagName("li");
for (var i = 0; i < list.length; i++) {
if (i >= 5) {
list[i].style.display = 'none';
}
}
多亏了wizpert的建议,我让它与以下代码一起工作:-)
function hide() {
var cnt = 0;
$("ul li").each(function () {
if ((cnt > 9 && cnt < 16) || (cnt > 20 && cnt < 27) || (cnt > 31 && cnt < 38)) {
$(this).hide();
}
cnt++;
});
}
我相信有更好的解决方案,如果更多的数据被加载到中继器或更多的ul标签被添加到页面脚本将打破:-)
相关文章:
- jQuery只隐藏<tr>在一张桌子上
- 只隐藏那些为空或没有文本的跨度
- Javascript 计时器只调用一次 Code 隐藏方法
- jQuery隐藏只触发一次
- 如何使用jquery使2个按钮切换css,而只使用1个按钮.不显示隐藏/显示
- Knockoutjs:只在文本框中写入内容时显示内容,在删除数据时隐藏内容
- Jquery .toggle 只显示不隐藏在 Drupal 视图中
- 你如何只显示一定数量的Facebook评论,并使用Facebook API隐藏其余的评论
- 角度显示/隐藏只处理第二个函数调用,应用/摘要问题
- 谷歌图表如何隐藏动态创建的系列,并只显示图例中的一个
- 希望在jQuery迭代中只显示/隐藏指定的元素
- 只显示一个元素并隐藏其他元素而不切换
- 只显示/隐藏一项javascript
- Twitter引导程序模式隐藏事件只触发一次
- 查找元素是否只包含一个元素,如果为true则隐藏父元素
- 只隐藏一些溢出内容
- 适用于Chrome,但不适用于Safari——这是一个隐藏的DIV,只在提交带有所有必需字段的表单时显示
- 隐藏具体日期,只显示工作日
- 只隐藏活动元素,而不是全部
- 显示/隐藏只工作在Chrome (jQuery)