layui 弹框如何使用

 时间:2026-04-24 03:55:46

1、需要到layui官网下载js API文件,并将js文件添加到项目中。

layui 弹框如何使用

layui 弹框如何使用

2、新建页面文件,将js文件引入页面。注意,Common.HtmlHelper.Script为作者自定义方法,目的是为了给js添加版本号,防止缓存

@Common.HtmlHelper.Script("~/Scripts/json2.js" , "~/Scripts/layui/layui.js")

layui 弹框如何使用

3、编写js,设置layui的各个组件的位置。目的是为了后面快捷引用各个模块。

        layui.config({

            base: virthpath + "/Scripts/layui/lay/exmodules/",

            version:"@Common.WebConfigHelper.DateVersion"   // 版本时间戳

        });

layui 弹框如何使用

4、编写js,调用layui的com组件,实现弹框。

com.open({

            "url": "/index",//设置弹出框的内容地址

            "title": "弹框"

        });

layui 弹框如何使用

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

layui 弹框如何使用

  • 利用图形数据库通过语句进行数据添加
  • Principle中工具栏找不到了怎么办
  • notepad++怎么设置显示标签栏
  • jQuery给input框赋值
  • 大航海之路怎么在电脑上玩♥电脑版下载图文攻略
  • 热门搜索
    洋白菜怎么做好吃 烩菜的家常做法 挂钩疼怎么办 毛囊炎的最佳治疗方法 特色家常菜 海参泡发方法 去除黄褐斑的方法 郑州富士康怎么样 梦幻西游怎么卖号 腋臭的治疗方法