Display Listviewwebpart dynamically using jQuery

Question

I want to show different list/library view (LVWP) dynamically on button click.
The solution Display List dynamically is
not working for SharePoint 2013.Seems that it is only for MOSS 2007
Please help
Thanks

Answer 1

Hi,
From your description, my understanding is that you want to change the List view web part dynamically with a button.
The solution you provided works fine, but, as you know there are some UI changes between SharePoint 2007 and SharePoint 2013, so you should do some changes with those codes. You could refer to code below:
<!-- Paste the URL of your source list below: -->
<iframe id="SourceList" style="display:none;" src="http://sp/sites/sharepoint2013/Lists/customlist/AllItems.aspx"></iframe>
<input type="button" id="btnClick" onclick="DisplayThisList()" value="Click me"/>
<script type="text/javascript">
function DisplayThisList()
//"WebPartWPQ2" is the webpart's id, the default id is "WebPartWPQ2", if you customize your list, please check it
var defaultWebPart = document.getElementById("WebPartWPQ2");
var displaylist = null;
var sourcelist = document.getElementById("SourceList");
try {
if(sourcelist.contentDocument)
// Firefox, Opera
{displaylist = sourcelist.contentDocument.getElementById("WebPartWPQ2") ;}
else if(sourcelist.contentWindow)
// Internet Explorer
{displaylist = sourcelist.contentWindow.document.getElementById("WebPartWPQ2") ;}
else if(sourcelist.document)
// Others?
{displaylist = sourcelist.document.getElementById("WebPartWPQ2") ;}
catch(err) { alert ("Loading failed");}
defaultWebPart.innerHTML = displaylist.innerHTML;
</script>
And the screenshot below is my result:
Best Regards,
Vincent Han
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]