layui是近几年比较流行的一款js框架,因项目需要,作者有幸接触到该js的使用,本文主要介绍如何使用layui的弹框。
工具/原料
1
vs2015
2
layui
方法/步骤
1
需要到layui官网下载js API文件,并将js文件添加到项目中。
2
新建页面文件,将js文件引入页面。注意,Common.HtmlHelper.Script为作者自定义方法,目的是为了给js添加版本号,防止缓存@Common.HtmlHelper.Script('~/Scripts/json2.js' , '~/Scripts/layui/layui.js')
3
编写js,设置layui的各个组件的位置。目的是为了后面快捷引用各个模块。 layui.config({ base: virthpath + '/Scripts/layui/lay/exmodules/', version:'@Common.WebConfigHelper.DateVersion' // 版本时间戳 });
4
编写js,调用layui的com组件,实现弹框。com.open({ 'url': '/index',//设置弹出框的内容地址 'title': '弹框' });
5
保存页面,并运行,效果如下:
上一篇:AUTOCAD中如何删除顽固图层
下一篇:如何设置CAD专属的快捷键