实现@using{}代码块

前几天,我要写个插件,放在asp.net mvc的view上。这需要写一些扩展HtmlHelper功能的方法。这些方法的一个参数是一段javascript代码。

假如这个参数类型是字符型,当然很简单了。问题是,将一段js代码放在字符串里,写的时候会很不方便,没有VS编辑器的智能提示;同时,JS里面有字符串的话,还要避免与外层的单/双引号冲突。

能不能像razor那样,直接将html或js代码嵌在c#代码里呢?比如像这样:

@using(BeginForm()){
    <div>呵呵,我是html代码,我在using代码块里面。</div>
}

这段代码输出的浏览器以后,会变成:

<form>
<div>呵呵,我是html代码,我在using代码块里面。</div>
</form>

就是说,系统会自动在头尾加上”<form>”的开始和结束标记。它是怎么做到的?

其实,凡支持using代码块的对象,都要实现IDisposable接口。在using结尾处,也就是对象结束时,调用了Dispose方法。处理结束标记,就放在Dispose方法里面!

经过一番努力,并研读了asp.net mvc的源代码(听起来挺高大上),书写代码如下:

    public class TableHeadSorterScript : IDisposable
    {
        private readonly TextWriter _writer;
        private readonly string _endscript;
        private bool _disposed;

        public TableHeadSorterScript(HtmlHelper html, string endscript = ");")
        {
            this._writer = html.ViewContext.Writer;
            this._endscript = endscript;
        }

        public void Dispose()
        {
            Dispose(true /* disposing */);
            GC.SuppressFinalize(this);
        }
        protected virtual void Dispose(bool disposing)
        {
            if (!_disposed)
            {
                _disposed = true;
                _writer.Write(_endscript);
            }
        }

        public void EndScript()
        {
            Dispose(true);
        }
    }

    public static class TableHeadSortHelper
    {
        static readonly string beginscript = @"
$(function () { 
    tableHeadSort_init(";

        static readonly string endscript = @"
    );
});";

        /*
            ---------------------------------------------------------
            输出自动初始化表头排序插件的JS脚本
            此脚本在页面装载完成后触发;注意用ajax动态加载页面情况下此脚本无效
            ---------------------------------------------------------
            e.g.
            @using (Html.BeginTableHeadSortAutoInit())
            {
                @:function(url) { location.href = url; }
            }
        */
        public static TableHeadSorterScript BeginTableHeadSortAutoInit(this HtmlHelper helper)
        {
            helper.ViewContext.Writer.Write(beginscript);
            TableHeadSorterScript script = new TableHeadSorterScript(helper,endscript);
            return script;
        }    
   }

放在view上

@using (Html.BeginTableHeadSortAutoInit())
{
    @:function(url) { location.href = url; }
}

,输出到浏览器,会看到:

$(function () {
    tableHeadSort_init(
        function (url) { location.href = url; }
    );
});

转载于:https://www.cnblogs.com/leftfist/p/6808783.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值