layui定义一个模块并使用的实例-木庄网络博客

本文摘自PHP中文网，作者尚，侵删。

在使用layui的过程，有几个方法需要被多个js引用，所以我按照文档，自定义了一个layui的模块，下面实现过程（推荐：layui使用教程）

先定义一个模块

//定义模块
layui.define(['form'], function(exports){
 
    var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
    var $ = layui.$;
 
    var obj = {
        changeParentPlace: function (parentId,tagId,levelPlace) {
            $.ajax({
                url:ctx + '/base/place/changeParentPlace',
                type:'get',
                data:{
                    parentId:parentId
                },
                dataType:'json',
                success:function (data) {
                    $("#" + tagId).empty();
                    $("#" + tagId).append('<option value="">请选择</option>');
                    if(data.result != null && data.result.length != 0) {
                        $.each(data.result,function(i,place) {
                            if(levelPlace == place.name) {
                                $("#" + tagId).append('<option selected value="'+place.id+'">'+place.name+'</option>')
                            }else {
                                $("#" + tagId).append('<option value="'+place.id+'">'+place.name+'</option>')
                            }
                        })
                    }
                    form.render('select'); //刷新select选择框渲染
                }
            })
        }
    }
 
    //输出模块
    exports('common', obj);
});