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

Hide side and toolbar panel in DevExpress.WebDocumentViewer

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

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

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

我在这里看到 post： 但是使用了另一个组件 - DocumentViewer，我需要使用 WebDocumentViewer

暂时没有隐藏侧边栏和工具栏的参数。 您可以使用下面的 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()

参考