【问题标题】:How to include shieldui in asp.net mvc?如何在asp.net mvc中包含shieldui?
【发布时间】:2017-02-20 04:42:54
【问题描述】:

我是 shieldui js 和 asp.net mvc 的新手,我正在为火车做一些示例。我在 html 文件中包含 js 没有问题,但我正在努力将它包含在 asp.net mvc 中。假设我在 Scripts 文件夹中有 jquery 和 shield ui。我确实引用了Shield.Mvc.UI,但我仍然无法通过@(Html.XXXX) 访问它们。

假设我想使用View.cshtml 创建ShieldCalendar。例子是:

<div class="container">
@(Html.ShieldCalendar()
    .Name("calendar")
    .HtmlAttribute("class", "calendar")
    .Min(new DateTime(2009, 2, 23))
    .Max(new DateTime(2039, 3, 1))
    .Value(DateTime.Now)
    .Footer(fb => fb.Enabled(true).FooterTemlpate("{0:dd.MM.yy}")))

我是一个初学者,我可能会错过一些关于 asp.net MVC 的基本知识。

【问题讨论】:

    标签: asp.net-mvc shieldui


    【解决方案1】:

    后来的发现:好像前段时间没有 html 辅助扩展方法。你确定你有类似的东西吗?

    问题参考:shield ui chart: generate series dynamically?(其中 op 说他为 .net mvc 编写了一个自定义 html 助手)

    Html 助手参考:http://www.tutorialsteacher.com/mvc/html-helpers

    您确定在 Shield.Web.UI 命名空间中有 html 助手吗? (也看到这个问题:Referencing the Shield UI ASP.NET MVC javascript modules

    第一种方法

    您现在可以使用这两个 javascript 文件创建一个捆绑包。

    打开App_Start\BundleConfig.cs,您将有一个RegisterBundles 方法,您可以在其中创建包含这两个文件的包。

     public static void RegisterBundles(BundleCollection bundles)
     {
         bundles.Add(new ScriptBundle("~/bundles/jqueryand")
                  .Include("~/Scripts/jquery-3.1.1.js"))
                  .Include("~/Scripts/shieldui.js"); 
                  // i don't know exactly the name of the library
    
     }
    

    并且在您的Global.asax.cs 中,您需要注册此捆绑包:

    在 Application_Start 方法中,添加以下行:

      BundleConfig.RegisterBundles(BundleTable.Bundles);
    

    然后在您的_Layout 或更具体的视图中,您必须添加@Scripts.Render("~/bundles/jquery")

    在此处了解有关此方法的更多信息:https://www.asp.net/mvc/overview/performance/bundling-and-minification

    这里: How do I add BundleConfig.cs to my project?(大概这个问题很有用)

    第二种方法

    使用 RequireJs for .NET 之类的东西,这将为您的应用程序带来一些功能,但也会增加一些复杂性。

    请参阅我对以下问题的回答:

    RequireJS - ASP.NET MVC Bundle Script

    关于你的这部分问题:

    但我仍然无法通过@(Html.XXXX) 访问它们。

    也许你的智能感知坏了,你可以在将脚本添加到页面/布局并确保你有之后试一试

    @using Shield.Web.UI
    

    用于您的页面/布局。

    【讨论】:

    • 如果您还有任何问题,请回复此主题。如果你遇到一些例外,也许最好带着一些例外回来。
    猜你喜欢
    • 2021-08-14
    • 1970-01-01
    • 2012-04-26
    • 2013-01-06
    • 1970-01-01
    • 1970-01-01
    • 2010-09-21
    相关资源
    最近更新 更多