Question

我正在使用ASP.NET MVC 5网络应用，并且无法使DevExpress 17.1的文件上传控制正常工作。或者更确切地说，我已经完成了他们的说明所描述的所有内容以集成他们的软件（我已经尝试了using their templates和integrating manually）但是当我使用文件上传控件浏览时按钮什么都不做。

控件在我的Razor视图中正确显示，但没有任何功能处于活动状态。单击“浏览”按钮不会执行任何操作，单击“添加”，“上载”等等。我直接使用他们的文档中的示例：

@using System.Web.UI.WebControls
@using DevExpress.Web.Mvc.UI
@model dynamic

@{
    ViewBag.Title = "title";
}

@using (Html.BeginForm()) {
    @Html.DevExpress().UploadControl(
        settings => {
                        settings.Name = "uploadControl";
                        settings.FileInputCount = 2;
                        settings.ShowAddRemoveButtons = true;
        }).GetHtml()
}

我觉得我必须错过一些明显的东西，但我已经得到了所有的文字，所有的样式表，所有的东西都尽可能地融合在一起。任何人都可以建议可能出现的问题吗？

Answer 1

好的，我在创建示例应用程序并进行逐个文件比较后找到了答案。我以为我会把它寄给其他不幸的灵魂。诀窍是共享布局文件（〜/ Views / Shared / _Layout.cshtml）中的内容排序非常挑剔。请考虑以下事项：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>


    @Html.DevExpress().GetStyleSheets(
        new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
        new StyleSheet { ExtensionSuite = ExtensionSuite.Editors }
        )
    @Html.DevExpress().GetScripts( 
        new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
        new Script { ExtensionSuite = ExtensionSuite.Editors }
        )

    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

</body>
</html>

每当我将DevExpress的脚本和样式表包含在内而不是正确的顺序时，我就会失败。我不明白出了什么问题，但我怀疑自己是唯一遇到这种情况的人。

希望它有所帮助！

DevExpress 17.1文件上传控件浏览无效

1 个答案: