Review2

前端

下拉框一级菜单

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();
            }              
        }
    });
})