多语言展示
当前在线:936今日阅读:145今日分享:43

layui 弹框如何使用

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

保存页面,并运行,效果如下:

推荐信息