如何解决向 SharePoint (2013) 列表添加单独运行的展开/折叠按钮
完全编码新手。我想在一个共享点页面上向两个不同的 Web 部件列表添加展开/折叠按钮。列表在组视图中,所以我希望按钮展开或折叠它们所附加的整个列表。我能够为每个列表指定一组自己的按钮,但这些按钮会激活页面上的两个列表,而不仅仅是它们所附加的列表。
我已经看到了与此相关的答案 (https://sharepoint.stackexchange.com/questions/25107/expand-collapse-all-grouped-items-in-views-of-a-page),但没有按照我需要的方式运行。任何帮助将不胜感激。
<script type="text/javascript">
function expandAll() {
$('img[alt="expand"]').click();
}
function collapseAll() {
$('img[alt="collapse"]').click();
}
var expandButton = "<a href='#' onClick="
+'"' + "this.href='javascript:expandAll()'"
+ '"> <img title="expand all groups" style="border:none;" alt="expand all" src="/_layouts/images/collapseplus.gif">Expand List</a>';
var collapseButton = "<a href='#' onClick="
+'"' + "this.href='javascript:collapseAll()'"
+ '"> <img title="collapse all groups" style="border:none;" alt="collapse all" src="/_layouts/images/collapseminus.gif">Collapse List</a>';
$(document).ready(function () {
$("#WebPartWPQ2").prepend(expandButton).prepend(collapseButton);
$("#WebPartWPQ3").prepend(expandButton).prepend(collapseButton);
});
</script>
解决方法
我能够弄清楚这一点,但我确信可以使用 if 语句/选择器来整理此代码。这是我想出的:
<script type="text/javascript">
function expandAll1() {
$("#MSOZoneCell_WebPartWPQ2").find('img[alt="expand"]').click();
}
function collapseAll1() {
$("#MSOZoneCell_WebPartWPQ2").find('img[alt="collapse"]').click();
}
function expandAll2() {
$("#MSOZoneCell_WebPartWPQ3").find('img[alt="expand"]').click();
}
function collapseAll2() {
$("#MSOZoneCell_WebPartWPQ3").find('img[alt="collapse"]').click();
}
var expandButton1 = "<a href='#' onClick="
+'"' + "this.href='javascript:expandAll1()'"
+ '"> <img title="expand all groups" style="border:none;" alt="expand all" src="/_layouts/images/collapseplus.gif">Expand List</a>';
var collapseButton1 = "<a href='#' onClick="
+'"' + "this.href='javascript:collapseAll1()'"
+ '"> <img title="collapse all groups" style="border:none;" alt="collapse all" src="/_layouts/images/collapseminus.gif">Collapse List</a>';
var expandButton2 = "<a href='#' onClick="
+'"' + "this.href='javascript:expandAll2()'"
+ '"> <img title="expand all groups" style="border:none;" alt="expand all" src="/_layouts/images/collapseplus.gif">Expand List</a>';
var collapseButton2 = "<a href='#' onClick="
+'"' + "this.href='javascript:collapseAll2()'"
+ '"> <img title="collapse all groups" style="border:none;" alt="collapse all" src="/_layouts/images/collapseminus.gif">Collapse List</a>';
$(document).ready(function () {
$("#MSOZoneCell_WebPartWPQ2").prepend(expandButton1).prepend(collapseButton1);
$("#MSOZoneCell_WebPartWPQ3").prepend(expandButton2).prepend(collapseButton2);
});
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。