tool/public/assets/js/backend/warehousing_book.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'warehousing_book/index' + location.search,
                    add_url: 'warehousing_book/add',
                }
            });

            var table = $("#table");
            table.on('load-success.bs.table', function (e, data) {
                //这里可以获取从服务端获取的JSON数据
                // console.log(data);
                $("div.search .form-control").focus();
                $(".btn-dialog").data("area", ["100%","100%"]);
            });
            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {field: 'operate', title: __('Operate'), table: table,
                            buttons:[{
                                name:'add',text:'调墨',title:'调墨',icon:'fa fa-add',classname:'btn btn-xs btn-info btn-fields btn-dialog ',url:'warehousing_book/add'
                            }],
                            events: Table.api.events.operate, formatter: Table.api.formatter.operate
                        },
                        {field: 'bach', title: '油墨指令书编号'},
                        {field: 'order_number', title: '工单编号'},
                        {field: 'product_name', title: '产品名称'},
                        {field: 'number', title: '工单数量(万张)'},
                        {field: 'create', title:'更新时间'},
                    ]
                ],
                showToggle:false,
                showColumns:false,
                showExport:false,
                searchFormVisible:false,
                commonSearch:false,
                // search:false,
            });
            // $(".form-control").bind('input propertychange', function() {
            //     var bach = $(this).val();
            //     if (bach.length == 18){
            //         $("#table").find("tr").find('td').each(function(){
            //             var ink_bach = $(this).text();
            //             if (bach == ink_bach){
            //                 var button = $(this).prev().children();
            //                 button.click();
            //             }
            //         });
            //     }
            // })
            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function(){
            Controller.api.bindevent();
            Form.api.bindevent($("form[role=form]"), function(data, ret){
                return false;
                //如果我们需要在提交表单成功后做跳转，可以在此使用location.href="链接";进行跳转
                Toastr.success("成功");
            }, function(data, ret){
                return false;
                Toastr.success("失败");
            }, function(success, error){
                //bindevent的第三个参数为提交前的回调
                //如果我们需要在表单提交前做一些数据处理，则可以在此方法处理
                //注意如果我们需要阻止表单，可以在此使用return false;即可
                //如果我们处理完成需要再次提交表单则可以使用submit提交,如下
                //Form.api.submit(this, success, error);
                return false;
            });

        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});