MVC Datalist不在prod服务器上工作,但在Dev

时间:2016-09-03 21:32:52

标签: asp.net-mvc html5 autocomplete html-datalist

我有一个应用程序,它使用在Dev环境中工作的datalist,但在Production环境中返回一个没有查找的空白字段。我想广泛使用datalist,因为它很容易提供自动完成设施,但直到它在生产中才能使用。

Dev在Win7上的IE 11.0上是MVC VS 2010,在HTML5Test中得分为302。 服务器2012 R2上的生产是IE 11.0,报告为Win8.1,HTML5Test中得分为312。

经过多次比较,检查,尝试,检查和审核后,我发现了阻止数据库工作的问题根源。

Index.cshtml中的MVC查看代码 这是试图找出问题的最终实验代码:

@model IEnumerable<CRM_MVC.Models.BranchDiary>
@{
    Layout = null;
}
<body>
<div>
    <lable>Enter TV Series Name </label>
    <input type="text" id="tv" name="series" list="tvseries" autofocus>
    <datalist id="tvseries">
        <option value="Heroes">
        <option value="Lost">
        <option value="Fringe">
        <option value="CriminalMinds">
        <option value="CSIMiami">
    </datalist>

    <p><strong>Note:</strong> The datalist tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>
</div>
</body>

显示Index.cshtml的Internet Explorer会话 Index Screen Print

该字段应提供自动完成下拉列表但不提供。

Index Inspect showing incorrect datalist

“检查”屏幕显示/ {datalist}在同一行上错误地终止了<datalist id=tv>,并且在选项列表/ datalist错误地将// datalist出现在它之后。

当为Div选择右键单击编辑HTML时,原始HTML正确地具有第一个没有/ datalist的datalist标记,并且选项列表在最后被/ datalist标记正确终止。

Inspect showing Edit HTML

可以采取哪些措施来阻止添加的额外内容,以便它可以在Dev上与Dev上相同?

1 个答案:

答案 0 :(得分:0)

解决此问题的方法是取消选中IE工具中的在兼容性视图中显示Intranet网站 - &gt;兼容性视图设置。 感谢利斯特先生的这个建议。 IE 11 Compatibility View Settings

我需要检查全局更改此设置是否会影响其他任何内容,但它会使自动完成工作按预期和要求进行。再次感谢利斯特先生的帮助。

Sample autocomplete working now