将Kendo UI添加到现有的MVC 4项目中

时间:2013-10-19 20:42:14

标签: kendo-ui

我对Kendo UI有疑问。我有一个现有的MVC4项目,我想在其中使用一些Kendo扩展,即编辑器。目前,该项目使用jqWidgets作为UI框架。

我打开VS 2012,加载项目并使用Telerik菜单在项目中添加对Kendo的引用。该向导添加了所有必需的引用并对web.config文件进行了更改。到现在为止还挺好。但是,我有两个问题:

  • 当我尝试使用Kendo Html Helper时,我没有intellisense,并且强调了Kendo说HtmlHelper没有'Kendo'的定义。我的主web.config以及Views文件夹中的web.config都有<add namespace="Kendo.Mvc.UI" />。奇怪的是,当我运行网站时,我没有收到错误,但是编辑器没有加载其初始内容,如果我尝试删除它,我会收到以下错误:(我的第二个问题)
  • TypeError: invalid 'in' operand e - 我猜这个网站的某个地方,有一个冲突可以解决这个错误,但我找不到它。以下是我在_Layout.cshtml中加载所有JS文件的方法:
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/Scripts/kendo/2013.2.918/kendo.all.min.js")
@Scripts.Render("~/Scripts/kendo/2013.2.918/kendo.aspnetmvc.min.js")
@Scripts.Render("~/Scripts/kendo.modernizr.custom.js")

我不确定问题是否相关。我的jQuery版本是1.9.1,我使用的是最新的Kendo版本(2013.2.918.340)

非常感谢任何帮助。

以下是我在视图中使用编辑器的方法:

@(Html.Kendo().Editor()
                      .Name("editor")
                      .HtmlAttributes(new { style = "width: 700px; height: 400px" })
                      .Value(@<text>

                            <p>
                                Some text
                            </p>

                      </text>)
                      .ImageBrowser(imageBrowser => imageBrowser
                        .Image("~/Content/UserFiles/Images/{0}")    
                        .Read("Read", "ImageBrowser")
                        .Create("Create", "ImageBrowser")
                        .Destroy("Destroy", "ImageBrowser")
                        .Upload("Upload", "ImageBrowser")
                        .Thumbnail("Thumbnail", "ImageBrowser"))
                )

1 个答案:

答案 0 :(得分:0)

第一个问题的解决方案是仅将命名空间引用添加到web.config文件夹中的Views文件。无需将其添加到根web.config。之后重新启动Visual Studio并重新加载项目。一切都应该很好,intellisense应该工作。

至于第二个问题,这很难猜到。您可以在将内容加载到HTML编辑器中的地方显示代码吗?