网站内容添加(用到了layui内贴一下layui的*敏*感*词*代码是什么?)
优采云 发布时间: 2022-01-18 01:24网站内容添加(用到了layui内贴一下layui的*敏*感*词*代码是什么?)
使用layui的布局。所以直接去掉div,因为渲染也是放在div里面的,所以不用重新form.render();;对于表中多级类别的创建,将所有类别放在一个表中,并添加一个parentid字段。一级分类添加时,parentid存储在一级分类的ID号中,读取二级分类时:
$list=Db::name('web_cat')->field()->where('parentid=一级分类的编号')->order()->select();
注意:循环时要先删除最后一个,即用--代替++,比如删除4、5,如果是++,删除4,第五个变成4,然后移到那里不超过5,会出错;
for(i=scount-1;i>=anum;i--){
$('.catlist').find('.layui-input-inline').eq(i).remove();
}
由于后面的select是通过ajax获取添加的,所以change事件无法获取焦点,这里是使用
$(document).delegate(".catlist", 'change', function() ;
代码显示如下:
我的下拉列表放置在一个带有 class = 'catlist' 的单元格内
$(document).delegate(".catlist", 'change', function() {
var carid=$(this).children('option:selected').val();//获取option value
//还需要获取change的是第几个select 以便把后边的移除,适合多级分类,
//也需要知道当前总的select个数
var anum=$('.catlist').find('.layui-anim-upbit').index($(this).parent());
//每一个select 对应了一个
var scount=$('.catlist').find('select').length;
//移除当前点击的后边的select
for(i=scount-1;i>=anum;i--){
$('.catlist').find('.layui-input-inline').eq(i).remove();
}
var picurl="这里是接收数据的URL";
$.ajax({
url: picurl,
data: {'carid':carid},
type: 'post',
dataType: 'json',
success: function(result) {
if (result.error == "0000") {
console.log(result.msg);
$(".catlist").append(result.msg);
//这里需要重新渲染form 可以理解为就是form中的样式重新刷新
form.render();
}
}
});
})
贴下layui的监控代码,方便需要的朋友
layui.use('form', function(){
var form = layui.form;
form.on('select(myselect)', function(data){
//*敏*感*词*form内的 select 针对lay-filter="myselect"
var p1=data.value;//获取下拉的value值
其他获取第几个 总得个数,移除 ajax调用等和上边一样,不再重复
form.render();
})
总结:使用layui,除了打开页面执行form.render();每次我们将html格式添加到表单中,都必须重新渲染。