网站首页 > 基础教程 正文
加载layui.css layui.js以后需要注意以下方面:
1、所有的radio checkbox要改变样式的都要放到form 里边;
2、form 要加上 class="layui-form"
3、复选框有两种显示方式
第一种:<input type="checkbox" title='显示' checked />
第二种:<input type="checkbox" title='显示' checked lay-skin="primary"/>
比较会发现 第二种只是多了一个选择 lay-skin="primary"
4、在</form>以后要加上
<script>
layui.use('form', function(){
var form = layui.form;
})
</script>
我是加到了页面底部,对form内的样式渲染
5、鼠标监听事件 form内的select button 等
select 触发 通常用在调用下级分类
button 会提交信息 可以实现ajax提交数据
事实上不管哪种触发都需要用到 lay-filter
<script>
layui.use('form', function(){
var form = layui.form;
form.on('select(myselect)', function(data){
这是select触发的事件 <select lay-filter="myselect">
data.value 就是获取到的option的value
});
form.on('submit(btnsub)', function(data){
这是button触发的事件 <button lay-submit lay-filter="btnsub">
只是多了一个lay-submit
});
})
如果用到ajax获取下级分类以后,比如select ,要在完成以后加上form.render(); 重新渲染 ;
通过ajax提交数据,需要先获取到form表单的数据,parms=$("#formact").serialize();formact是form的ID;但是这样获取不到图片上传选择图片的数据,这就需要我们先上传图片,把图片地址赋值到input里边,建议图片上传先通过ajax 或者iframe上传图片;
</script>
这些可以和jquery nude.js等等交叉使用,不必拘泥一个思路。
css calc的用法
calc是页面布局会经常用到,比如想让页面两边空出来10个像素;通过width:calc(100% - 20px); 设置居中,就轻易实现了两边空白10px,需要注意的是 100% 和 - 以及后边的20px是有空格的
- 上一篇: php中将一段数据存到一个txt文件中并显示其内容
- 下一篇: 浅谈php中常见的原生类
猜你喜欢
- 2024-12-11 WEB常见漏洞之反序列化分析与防御
- 2024-12-11 Three主题评论按钮修改为滑动/拉链解锁后自动提交评论?
- 2024-12-11 浅谈php中常见的原生类
- 2024-12-11 php中将一段数据存到一个txt文件中并显示其内容
- 2024-12-11 XSS注入我也不怕不怕啦--PHP从框架层面屏蔽XSS的思考和实践
- 2024-12-11 Java反序列化漏洞自动挖掘方法
- 2024-12-11 phper成长之路:swoole学习笔记(一)
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)