Fastadmin的js运行原理实例讲解

以category.js为例来，说明一下fastadmin里面js绑定事件的运行原理。

第一行，定义引用的组件

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

add: function () {
     Controller.api.bindevent();
},

这个代码，代表调用api对象的bindevent函数。函数定义如下：

bindevent: function () {
    $(document).on("change", "#c-type", function () {
    $("#c-pid option[data-type='all']").prop("selected", true);
    $("#c-pid option").removeClass("hide");
    $("#c-pid option[data-type!='" + $(this).val() + "'][data-type!='all']").addClass("hide");
    $("#c-pid").selectpicker("refresh");
});                

Form.api.bindevent($("form[role=form]"));
}

函数第一部分是绑定类别变动的事件。

第二部分是是绑定窗体时间。

绑定窗体的代码在/public/assets/js/require-form.js文件里面。

这里面定义了Form对象，在这里我们可以看到events事件。

里面包含validator，主要是做客户端验证。有了这个就等于自动绑定了form验证，验证规则自己定制。

selectpicker 主要用于select下拉选择。

此外还有selectpage、cxselect、citypicker、datetimepicker、plupload、faselect、fieldlist，此外可以自己定制。