前端
下拉框一级菜单
index.html
<!--查询-->
<form class="layui-form layui-form-pane" action="">
<table width="100%" class="layui-table-search">
<tbody>
<tr>
<td align="right" width="120">预案一级分类:</td>
<td>
<div class="layui-input-inline layui-form" lay-filter="primaryTypeEleSelect">
<select name="primaryTypeId" id="primaryTypeEle" lay-filter="primaryTypeEle">
</select>
</div>
</td>
</tr>
</tbody>
</table>
</form>
<script id="primaryTypeEle_html" type="text/html">
<option value=""></option>
{{# layui.each(d, function(index, item){ }}
<option value="{{item.PLAN_TYPE_ID}}">{{ item.TYPE_NAME }}</option>
{{# }); }}
</script>
/**
* 预案一级分类
**/
$.ajax({
url: public_config.host + '/query/queryPlanType?id=0',
type: 'GET',
success: function (data) {
var res = JSON.parse(data);
var template = $('#primaryTypeEle_html').html();
laytpl(template).render(res, function (html) {
$('#primaryTypeEle').html(html);
form.render('select', 'primaryTypeEleSelect');
});
}
});
二级菜单
/**
* 预案二级分类
*/
form.on('select(primaryTypeEle)', function (data) {
$("#event_con").html("");
if (!data.value) {
return;
}
$.ajax({
url: public_config.host + '/query/queryPlanType?id='+data.value,
type: 'GET',
async: false,
success: function (data) {
var res = eval(data);
for (var i = 0; i < res.length; i++) {
var sel = '<dd><input type="checkbox" name="brand" title="'+ res[i].TYPE_NAME +'" value="'+$("#event_con").append(sel)
}
$("#event_con").append("<br><br>")
form.render('checkbox','test2');
}
});
});
树级下拉框
layui.config({base: "../../static/assert/js/"}).use(['eleTree'], function(){
var eleTree = layui.eleTree;
});
layui.use(['form', 'layer', 'table', 'laydate', 'laytpl'], function () {
var $ = layui.$
, layer = layui.layer
, form = layui.form
, table = layui.table
, laydate = layui.laydate
, laytpl = layui.laytpl;
//单位
//树菜单接口
var url = "/query/queryPlanDeptTree";
init(url,true);
点击事件
$('#btn').click(function(){
var objId = $(this).attr('id');
$.ajax({
url: public_config.host + '/tUdsUpload/delete?objids=' + objId,
type: 'DELETE',
async: false,
success: function (data) {
var res = JSON.parse(data);
if(res.code == 200){
layer.msg("附件删除成功");
$("#filenameHave").hide();
$("#filenameNull").show();
}
}
});
})