Skip to content

Commit ed82319

Browse files
ali-hamudali-hamud
committed
Merged PR 7123: Add slicers to live sample
Add slicers to live sample. Remove "NEW" mark from older features.
1 parent df1c166 commit ed82319

File tree

4 files changed

+106
-8
lines changed

4 files changed

+106
-8
lines changed

‎demo/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
"fetch": "^1.0.0",
3636
"http-server": "^0.10.0",
3737
"jquery": "^3.1.0",
38-
"powerbi-client": "2.5.1",
38+
"powerbi-client": "2.6.0",
3939
"syntaxhighlighter": "4.0.1"
4040
},
4141
"devDependencies": {}

‎demo/v2-demo/scripts/codesamples.js‎

Lines changed: 89 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1640,6 +1640,95 @@ function _Bookmarks_ExitPresentation() {
16401640
report.bookmarksManager.play(models.BookmarksPlayMode.Off);
16411641
}
16421642

1643+
function _Visual_GetSlicer() {
1644+
// Get a reference to the embedded report HTML element
1645+
var embedContainer = $('#embedContainer')[0];
1646+
1647+
// Get a reference to the embedded report.
1648+
report = powerbi.get(embedContainer);
1649+
1650+
// Retrieve the page collection and get the visuals for the first page.
1651+
report.getPages()
1652+
.then(function (pages) {
1653+
// Retrieve active page.
1654+
var activePage = pages.find(function(page) {
1655+
return page.isActive;
1656+
});
1657+
1658+
activePage.getVisuals()
1659+
.then(function (visuals) {
1660+
// Retrieve the wanted visual.
1661+
var slicer = visuals.find(function(visual) {
1662+
return visual.type == "slicer";
1663+
});
1664+
1665+
// Get the slicer state which contains the slicer filter.
1666+
slicer.getSlicerState()
1667+
.then(function (state) {
1668+
Log.log(state);
1669+
})
1670+
.catch(function (errors) {
1671+
Log.log(errors);
1672+
});
1673+
})
1674+
.catch(function (errors) {
1675+
Log.log(errors);
1676+
});
1677+
})
1678+
.catch(function (errors) {
1679+
Log.log(errors);
1680+
});
1681+
}
1682+
1683+
function _Visual_SetSlicer() {
1684+
// Build the filter you want to use. For more information, See Constructing
1685+
// Filters in https://github.com/Microsoft/PowerBI-JavaScript/wiki/Filters.
1686+
const filter = {
1687+
$schema: "http://powerbi.com/product/schema#basic",
1688+
target: {
1689+
table: "District",
1690+
column: "District Manager"
1691+
},
1692+
operator: "In",
1693+
values: ["Brad Sutton", "Andrew Ma"]
1694+
};
1695+
1696+
// Get a reference to the embedded report HTML element
1697+
var embedContainer = $('#embedContainer')[0];
1698+
1699+
// Get a reference to the embedded report.
1700+
report = powerbi.get(embedContainer);
1701+
1702+
// Retrieve the page collection and get the visuals for the first page.
1703+
report.getPages()
1704+
.then(function (pages) {
1705+
// Retrieve active page.
1706+
var activePage = pages.find(function(page) {
1707+
return page.isActive;
1708+
});
1709+
1710+
activePage.getVisuals()
1711+
.then(function (visuals) {
1712+
// Retrieve the wanted visual.
1713+
var slicer = visuals.find(function(visual) {
1714+
return visual.type == "slicer";
1715+
});
1716+
1717+
// Set the slicer state which contains the slicer filters.
1718+
slicer.setSlicerState({ filters: [filter]})
1719+
.catch(function (errors) {
1720+
Log.log(errors);
1721+
});
1722+
})
1723+
.catch(function (errors) {
1724+
Log.log(errors);
1725+
});
1726+
})
1727+
.catch(function (errors) {
1728+
Log.log(errors);
1729+
});
1730+
}
1731+
16431732
function _Visual_SetFilters() {
16441733
// Build the filter you want to use. For more information, See Constructing
16451734
// Filters in https://github.com/Microsoft/PowerBI-JavaScript/wiki/Filters.

‎demo/v2-demo/scripts/step_embed.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -200,6 +200,14 @@ function Visual_SetFilters() {
200200
SetCode(_Visual_SetFilters);
201201
}
202202

203+
function Visual_GetSlicer() {
204+
SetCode(_Visual_GetSlicer);
205+
}
206+
207+
function Visual_SetSlicer() {
208+
SetCode(_Visual_SetSlicer);
209+
}
210+
203211
function Visual_RemoveFilters() {
204212
SetCode(_Visual_RemoveFilters);
205213
}

‎demo/v2-demo/settings_interact_report.html‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,15 +27,17 @@
2727
</ul>
2828
<li id="filters-operations" onclick="OpenFiltersOperations();"><a href="#">Filters</a><div class="highlightSection"></div></li>
2929
<ul id="filters-operations-ul" class="function-ul" style="display: none;">
30+
<li onclick="Visual_SetSlicer()"><a href="#">Set Slicer State</a><div class="newFeature">NEW</div></li>
31+
<li onclick="Visual_GetSlicer()"><a href="#">Get Slicer State</a><div class="newFeature">NEW</div></li>
3032
<li onclick="Report_SetFilters()" class="hideOnReportCreate"><a href="#">Set report filters</a></li>
3133
<li onclick="Report_GetFilters()"><a href="#">Get report filters</a></li>
3234
<li onclick="Report_RemoveFilters()"><a href="#">Remove report filters</a></li>
3335
<li onclick="Page_SetFilters()" class="hideOnReportCreate"><a href="#">Set page filters</a></li>
3436
<li onclick="Page_GetFilters()"><a href="#">Get page filters</a></li>
3537
<li onclick="Page_RemoveFilters()"><a href="#">Remove page filters</a></li>
36-
<li onclick="Visual_SetFilters()" class="hideOnReportCreate"><a href="#">Set visual filters</a><div class="newFeature">NEW</div></li>
37-
<li onclick="Visual_GetFilters()"><a href="#">Get visual filters</a><div class="newFeature">NEW</div></li>
38-
<li onclick="Visual_RemoveFilters()"><a href="#">Remove visual filters</a><div class="newFeature">NEW</div></li>
38+
<li onclick="Visual_SetFilters()" class="hideOnReportCreate"><a href="#">Set visual filters</a></li>
39+
<li onclick="Visual_GetFilters()"><a href="#">Get visual filters</a></li>
40+
<li onclick="Visual_RemoveFilters()"><a href="#">Remove visual filters</a></li>
3941
</ul>
4042
<li id="editsave-operations" onclick="OpenEditSaveOperations();" class="hideOnMobile"><a href="#">Edit & Save</a></li>
4143
<ul id="editsave-operations-ul" class="function-ul" style="display: none;">
@@ -59,7 +61,6 @@
5961
</ul>
6062
<li id="bookmarks-operations" onclick="OpenBookmarksOperations();" class="hideOnMobile"><a href="#">Bookmarks</a>
6163
<span class="tryShowcase" onclick="OpenBookmarksOperations();onShowcaseTryMeClicked('Bookmarks');">(<span class="tryMeText">Showcase</span> <img src="images/tab_out.svg">)</span>
62-
<div class="newFeature">NEW</div>
6364
</li>
6465
<ul id="bookmarks-operations-ul" class="function-ul" style="display: none;">
6566
<li onclick="Bookmarks_Enable()" class="hideOnMobile"><a href="#">Enable bookmarks pane</a></li>
@@ -72,11 +73,11 @@
7273
<li onclick="Bookmarks_ExitPresentation()" class="hideOnMobile"><a href="#">Exit play bookmarks mode</a></li>
7374
<li onclick="Events_BookmarkApplied()" class="hideOnMobile"><a href="#">Bookmark applied event</a></li>
7475
</ul>
75-
<li id="data-operations" onclick="OpenDataOperations();"><a href="#">Data</a><div class="highlightSection"></div></li>
76+
<li id="data-operations" onclick="OpenDataOperations();"><a href="#">Data</a></div></li>
7677
<ul id="data-operations-ul" class="function-ul" style="display: none;">
7778
<li onclick="Events_DataSelected()"><a href="#">Data selected event</a></li>
78-
<li onclick="Visual_ExportData_Summarized()"><a href="#">Export visual data summarized</a><div class="newFeature">NEW</div></li>
79-
<li onclick="Visual_ExportData_Underlying()"><a href="#">Export visual data underlying</a><div class="newFeature">NEW</div></li>
79+
<li onclick="Visual_ExportData_Summarized()"><a href="#">Export visual data summarized</a></li>
80+
<li onclick="Visual_ExportData_Underlying()"><a href="#">Export visual data underlying</a></li>
8081
</ul>
8182
</ul>
8283
</div>

0 commit comments

Comments
 (0)