在 DevExpress.WebDocumentViewer 中隐藏侧面板和工具栏面板

【问题标题】：Hide side and toolbar panel in DevExpress.WebDocumentViewer在 DevExpress.WebDocumentViewer 中隐藏侧面板和工具栏面板
【发布时间】：2015-12-17 10:24:06
【问题描述】：

我有用于显示 XtraReport 的 mvc 组件。代码是这样的：

@Html.DevExpress().WebDocumentViewer(settings =>
{
    settings.Name = "webDocumentViewer";
    settings.Height = 770;
    settings.ControlStyle.CssClass = "fullscreen"; 
}).Bind(Model.Report).GetHtml()

现在我需要使用参数隐藏工具栏和侧面板。我不想向用户展示它们。我该怎么做？

我在这里看到了帖子：kind of mine problem 但是使用了另一个组件 - DocumentViewer，我需要使用 WebDocumentViewer

【问题讨论】：

你能在 DevExpress 上提供这个 WebDocumentViewer 东西的文档链接吗？
documentation

标签： asp.net-mvc devexpress xtrareport

【解决方案1】：

目前，没有隐藏侧边栏和工具栏的参数。你可以使用下面的css

    .dxrd-preview .dxrd-right-panel-collapse, .dxrd-preview .dxrd-right-panel, .dxrd-preview .dxrd-right-tabs {
        display: none;
}

并使用js去除工具栏上的菜单项

    function OnCustomizeMenu(s, e) {
        var actionExportTo = e.Actions.filter(function (action) { return action.text === "Toggle Multipage Mode"; })[0]
        var index = e.Actions.indexOf(actionExportTo);
        e.Actions.splice(index, 1);
    }
    @Html.DevExpress().WebDocumentViewer(settings =>{
        settings.Name = "WebDocumentViewer";
        settings.ClientSideEvents.CustomizeMenuActions = "OnCustomizeMenu";
    }).Bind(new WebDocumentViewerCustomExportOptions.Models.XtraReport1()).GetHtml()

参考

【讨论】：