在ASP.NET MVC站点中重用Javascript片段

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了在ASP.NET MVC站点中重用Javascript片段，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2074字，纯文字阅读大概需要3分钟。

内容图文

我在我的网站上的各种视图中使用了一些jQuery插件.在某些情况下,使用document.ready在页面加载时在外部javascript内初始化插件.在其他情况下,初始化在另一个插件的回调fn内完成,或者可能在ajax调用重新加载局部视图之后完成.

我发现我在多个地方复制粘贴相同的插件初始化代码段,具体取决于它需要初始化的方式/位置.

用一个例子说明这一点：

情况1：FullCalendar使用qTip,而qTip又使用expander插件

$(function () {
    $('#calendar').fullCalendar({  // calendar
   .. snip ..
      eventRender: function (calEvent, element) { // render qtip on eventRender
            element.qtip({
            ...snip...
                events: {
                    ....snip....
                    render: function () {// initialize expander on callback
                        // SNIPPET start
                        $('div.expandable').expander({
                            expandPrefix: '',
                            expandText: '[...]',
                            userCollapseText: '[less]',
                            preserveWords: true,
                            widow: 4
                        });
                        // SNIPPET end
                    }
                }

案例2：通过ajax加载的部分视图

$(document).ready(function () {
        // SAME SNIPPET start
        $('div.expandable').expander({
            expandPrefix: '',
            expandText: '[...]',
            userCollapseText: '[less]',
            preserveWords: true,
            widow: 4
        });
        // SAME SNIPPET end
 });

当然,我不是这种方法的忠实粉丝,并且想知道是否有更好的方法来解决这个问题.我想我正在寻找的是一个“局部视图”的概念,但对于.NET MVC3 Razor网站中的javascript.想法是将$(‘div.expandable’)片段放在一个公共位置,并包含在需要的地方.

任何可能同时适用于外部js文件的想法/建议？

谢谢！

解决方法:

我通常做的是为我的javascript片段创建helper objects. See this for a “tutorial”.

你要做的是在app_code文件夹中创建一个名为JavascriptHelper.cshtml的文件,并添加到它：

基本上：

@helper qTipRender()
{
    // SNIPPET start
    $('div.expandable').expander({
        expandPrefix: '',
        expandText: '[...]',
        userCollapseText: '[less]',
        preserveWords: true,
        widow: 4
    });
    // SNIPPET end
}

然后在你的视图中：

render: function () {
    @JavascriptHelper.qTipRender();
}

带参数：

你还可以做的是添加参数：

@helper qTipRender(bool preserveWords)
{
    // SNIPPET start
    $('div.expandable').expander({
        expandPrefix: '',
        expandText: '[...]',
        userCollapseText: '[less]',
        preserveWords: @preserveWords,
        widow: 4
    });
    // SNIPPET end
}

然后在你的视图中：

render: function () {
    @JavascriptHelper.qTipRender(true);
}

使得很容易维护大量的javascript snippits,即使它们的参数有所不同.

内容总结

以上是互联网集市为您收集整理的在ASP.NET MVC站点中重用Javascript片段全部内容，希望文章能够帮你解决在ASP.NET MVC站点中重用Javascript片段所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端