fastadmin基础教程（一）

// 初始化表格
var Controller = {
    index: function () {
        // 初始化表格参数配置
        Table.api.init({
            extend: {
                index_url: 'mall/goods/goods/index',
                add_url: 'mall/goods/goods/add',
                edit_url: 'mall/goods/goods/edit',
                del_url: 'mall/goods/goods/del',
                detail_url: '/addons/mall/goods/detail',
                table: 'mall_goods_goods',
            }
        });
        var table = $("#table");
        table.bootstrapTable({
            url: $.fn.bootstrapTable.defaults.extend.index_url,
            pk: 'id',
            //是否分页
            pagination: false,
            //排序
            sortName: 'parking_space.id',
            columns: [
                [
                    {checkbox: true},
                    //align 对齐方式
                    {field: 'id', title: __('Id'),align: 'left'},
                    //visible 列中字段是否显示
                    //operate 通用搜索时的搜索条件。一般可使用false,LIKE、RANGE、BETWEEN、FIND_IN_SET、>、<、=等等
                    {field: 'user.realname', title: __('Realname'),visible: false,operate:false},
                    {field: 'photos', title: __('Photos'), operate: false,formatter: Controller.api.formatter.photos},
                    //模糊搜索
                    {field: 'region_name', title: __('Region_name'),operate: 'LIKE %...%', placeholder: '模糊搜索',
                        process: function (value, arg) {
                        return value.replace(/\*/g, '%');
                    }},
                    //关联表
                    {field: 'user', title: __('Realname'), formatter:function(user){
                            if(user) {
                                return user.realname;
                            }
                            return '';
                    }},
                    //开关 searchList搜索列表
                    {
                        field: 'switch', 
                        title: __('Switch'), 
                        searchList: {"1":__('Yes'),"0":__('No')}, 
                        table: table, 
                        formatter: Table.api.formatter.toggle
                    },
                    {
                        field: 'starttime', 
                        title: __('Starttime'), 
                        operate:'RANGE', 
                        //老版本 添加样式 日期：datepicker|日期+时间：datetimepicker|时间：timepicker
                        //新版本 添加样式 datetimerange 格式时间：datetimeFormat:"YYYY-MM-DD",
                        addclass:'datetimepicker', 
                        //格式化时间
                        data: 'data-date-format="YYYY-MM-DD HH:mm:ss"',
                        //老版本 日期：Table.api.formatter.date|时间：Table.api.formatter.datetime
                        //新版本 日期加时间 Table.api.formatter.datetime
                        formatter: Table.api.formatter.datetime
                    },
                    {
                        field: 'status', 
                        title: __('Status'), 
                        operate: false, 
                        formatter: function (type) {
                            var types = [__('Type 0'),__('Type 1')];
                            return types[type];
                        }
                    },
                    {
                        field: 'operate',
                        title: __('Operate'),
                        table: table, 
                        events: Table.api.events.operate,
                        formatter: Table.api.formatter.operate,
                        //自定义按钮
                        //老版本
                        /*buttons: [
                            {
                                name: 'repairEvaluate',
                                text: __('评价列表'),
                                title: __('评价列表'),
                                classname: 'btn btn-xs btn-success btn-dialog',
                                url: 'service/repair/evaluate',
                            },
                            {
                                name: 'repairComplaint',
                                text: __('投诉列表'),
                                title: __('投诉列表'),
                                classname: 'btn btn-xs btn-success btn-dialog',
                                url: 'service/repair/complaint',
                            }
                        ]*/
                        //新版本
                        buttons: [
                            {
                                name: 'is_verify_1',
                                text: __('通过'),
                                icon: 'fa fa-eye',
                                title: __('审核认证'),
                                confirm: '确认通过吗？',
                                classname: 'btn btn-xs btn-success btn-ajax',
                                extend: "target='_blank'",
                                url: 'parking_space/confirm_verify?is_verify=1',
                                visible: function (row) {
                                    if (row.is_verify == 0) {
                                        return true;
                                    } else {
                                        return false;
                                    }
                                },
                                success: function (data) {
                                    $(".btn-refresh").trigger("click");
                                    //如果需要阻止成功提示，则必须使用return false;
                                    //return false;
                                },
                                error: function (data) {
                                    if(data.code!=0){
                                        layer.msg(data.msg);
                                    }
                                    return false;
                                }
                            }
                        ]
                    }
                ]
            ]
        });
        // 为表格绑定事件
        Table.api.bindevent(table);
        //点击刷新
        $("#common_search").bind("click",function () {
            table.bootstrapTable('refresh');
        });
    },
    add: function () {
        Controller.api.bindevent();
        //默认第一个点击选中
        $("input[name='row[goodstype]']:first").trigger("click");
        //默认最后一个点击选中
        $("input[name='row[freighttype]']:last").trigger("click");
        $("input[name='row[integral]']:first").trigger("click");
        Controller.handleCommunityState();
        $("#community_code").change();
    },
    edit: function () {
        Controller.api.bindevent();
        //修改默认选中
        $("input[name='row[integral]']:checked").trigger("fa.event.integralupdated", "edit");
    },
    api: {
        bindevent: function () {
            //不可见的元素不验证
            $("form[role=form]").data("validator-options", {ignore: ':hidden'});
            $(document).on("click fa.event.integralupdated", "input[name='row[integral]']", function (e, ref) {
                $(".intp").removeClass("hidden");
                $(".intp.intp-" + $(this).val()).addClass("hidden");
            });
            Form.api.bindevent($("form[role=form]"));
        },
        formatter: {
            //格式化图片
            photos: function (value, row, index) {
                var photosarr,item='';
                photosarr = value.split(",");
                for(var x=0;x<photosarr.length;x++){
                    if ((photosarr[x].indexOf("jpg") > -1)||(photosarr[x].indexOf("png") > -1)) {
                        item+='<a href="' + photosarr[x] + '" target="_blank"><img src="' + photosarr[x] + 
                            '" alt="" style="margin-right:10px;max-height:70px;max-width:70px"></a>';
                    } else {
                        item+='<a href="' + photosarr[x] + '" style="margin-right:10px;" target="_blank">' + 
                        __('None') + '</a>';
                    }
                }
                return item;
            }
        }
    },
    //自定义方法
    handleCommunityState: function (showAll) {
        var building_id = $("#building_id").val();
        $("#community_code").bind("change",function(){
            var community_code = $(this).val();
            $.ajax({
                type: "POST",
                url: 'house/index/get_building_by_cm_code',
                async: true,
                cache: false,
                dataType : "json",
                data: {community_code:community_code},
                success: function(data) {
                    var building = data.building;
                    var buildingHtml = showAll ? '<option value="">全部</option>' : '';
                    $.each(building,function(index,item){
                        buildingHtml += '<option value="'+item.code+'">'+item.name+'</option>';
                    });
                    if(buildingHtml == ''){
                        buildingHtml = '<option value="">没有任何选中项</option>';
                    }
                    $("#building_code").html(buildingHtml);
                    if (building_id) {
                        $("#building_code").val(building_id);
                    }
                    setTimeout(function () {
                        $("#building_code").selectpicker({
                            showTick:true,
                            liveSearch:true
                        });
                        $("#building_code").selectpicker("refresh");
                        $("#building_code").change();
                    },500);
                }
            });
        });
    },
}