使用Layui解决C#弹窗的问题

c#本身是没有弹窗控件的,一般用的都是a标签进行页面跳转,使用Layui进行弹窗设置,非常简单,而且实用。

示例:弹窗

如示例效果是这个样子的,样式、大小都可以自己更改。当你点击 添加类型 时,就会在本页面弹出一个小窗体。这个弹窗里面的内容是单独的一个页面,所有你可以在页面里进行数据库的内容操作。

具体实现如下:

示例:添加类型链接

首先你得需要一个连接,可以进行链接跳转,这里我们需要进行链接的我们自定义的js方法。

js方法如下:

示例:自定义js方法

其中代码我已经进行注释,非常明确。去Layui官网将js文件导入到本地文件夹。实在不行,搜索:unpkg.com/[email protected]/dist/css/layui.css 将其下载下来,保存到文件中。然后进行引用。然后安装图片中的代码进行操作即可。设置自己想要的效果,然后调用自己想要弹出来的页面。

调用的页面:

示例:弹窗页面

上诉操作都做完了,就已经完成了。接下来就开始调试就好了。

希望可以帮到你!!!

猜你喜欢

转载自blog.csdn.net/2301_76524781/article/details/139512009