MVC、ascx 和 Javascript 最佳实践 - 如何创建自包含控件？ NerdDinner 做错了

Question

问题是如何在 ASP.Net MVC2 中创建控件/部分视图/编辑模板（ascx 文件），以便它们“自包含”。自包含在这里意味着如果某些 Javascript 代码应应用于控件，则该代码不包含在页面 (aspx) 中，而是包含在控件本身中。 具体例子： NerdDinner 的 DateTime.ascx。该文件包含 JS 代码，使文本框成为一个不错的日期时间选择器。

我的问题： 包含页面有 jQuery.js、timepicker.js、jQueryUI 的 css 和 datepicker 的 css。 （对于 NerdDinner，这些都在母版页中）。因此，每当我想对 DateTime 类型使用精美的 DateTimePicker 时，包含的页面必须了解这些依赖项，并且必须添加所有 js 和 css 文件。我认为我在这里想念的是一个替代 ClientScript.RegisterClientScriptBlock 的解决方案。

同一 NerdDinner 示例的其他问题： 在 DateTime.ascx 中，它显示 $('#Dinner_EventDate') 这既依赖于容器类型又依赖于属性名称。这不是 DateTime 共享 EditorTemplate 的通用解决方案。

有什么建议吗？

Answer 1

您需要从页面链接到这些文件。否则就会破坏这些元素包含在 html 中的方式以及控件包含在页面中的位置。

我们所做的就是使用一些额外的代码（完成一次）将所有这些单独的 js/css 文件连接到一个文件中。这样您就只能从母版页链接到单个文件。只要里面没有特别重的东西就很合理。

对于id问题，将jquery改为按css class搜索。

---

原始答案：忽略下面，我认为它还没有在单独的文件中。

将其移至 .js 文件，并从使用 id 更改为使用类。

如果您想保持其结构化/仅专用于该控件代码的文件中的 .js 代码，您可以这样做并添加一些额外的代码，将站点中的所有各种 .js 文件连接到单个 .js 文件。这使您可以根据需要构建它，而不会收到不必要的额外请求。

Answer 2

我不确定这是否是 MVC 特有的问题。如果您想要一个真正独立的控件，请查看服务器控件（如复合控件或脚本控件）。这些控件不使用 ASCX 页面并且独立于 Web 应用程序。这样，您就可以将 CSS 表和 JS 页面嵌入到资源中。当您构建项目时，它会编译为单个 DLL。通过这种方式，您可以创建自己的控件库。但缺点是制作这些控件要困难得多。如果您有兴趣，请告诉我，我将发布一个示例。看一下这里的示例： http: //msdn.microsoft.com/en-us/library/aa719734%28v=vs.71%29.aspx

但是，如果您确实想使用 ASCX 页面嵌入 javascript 和 CSS，您可以这样做通过脚本管理器（好吧，我至少用Javascript而不是CSS完成了这个）。示例：

 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
      dim myScript as new StringBuilder
      myScript.Append("function helloWorld(){" & vbcrlf)
      myScript.Append("alert('Hi')" & vbcrlf)
      myScript.Append("}" & vbcrlf)

      ScriptManager.RegisterStartupScript(Me.Page, Me.Page.GetType(),"MyScript",myScript.toString, false)
  End Sub

此示例创建一个简单的 javascript 函数文本并将其注册到页面。不，如果你有很多 JavaScript，这会变得很麻烦。另外，我不确定这是否适用于 CSS。让我知道这是否有帮助。