隐藏DevExpress.WebDocumentViewer

时间:2015-12-17 10:24:07

标签: asp.net-mvc devexpress xtrareport

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

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

现在我需要用params隐藏工具栏和侧面板。我不想向用户展示它们。我怎么能这样做?

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

1 个答案:

答案 0 :(得分:1)

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

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

使用js删除工具栏上的menuitem

 
    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()

参考