码迷,mamicode.com
首页 > Web开发 > 详细

创建自己的共用js库

时间:2014-08-07 09:44:59      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:blog   http   使用   文件   ar   代码   html   htm   

直至昨晚为止,学习了一个多月的MVC与jQuery,从所做的练习中,发觉jQuery的代码也有跟C#语言一样可以重构,多页面有相同使用的方法函数,均可以放置于一个单独立的js文件或是自定义的js库中。

在使用时,引用此库文件即可。举个简单的例子,如前面介绍的两个下拉列表联动的功能,不管是在MVC添加,还是编辑时,均需要写上几个相同的函数来实现。为了js代码没有冗余。我们就可以重构它们了。

在MVC应用程序下的Scripts目录下,创建一个insus.common.utility.js库。
bubuko.com,布布扣


js类库中,只是简单把两个函数搬过来。 有一个地方,即是把#23行代码,改为#24行。这样可以兼容到MVC创建和编辑的下拉列表的联动。

接下来,我们可以修改Update.cshtml和Create.cshtml视图了,先看Update.cshtml视图:
bubuko.com,布布扣


我们添加了#5行代码,那是引用刚才创建好的js库。还是把#105至#127行代码删除。再看Create.cshtml视图:
bubuko.com,布布扣

引用#8行代码,把#15改为#16行,把#31改为#32。把#37至#57行代码删除。
经此一改,就达到我们的最初目的了。

创建自己的共用js库,布布扣,bubuko.com

创建自己的共用js库

标签:blog   http   使用   文件   ar   代码   html   htm   

原文地址:http://www.cnblogs.com/lschenblog/p/3896295.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!