当前位置： 移动技术网 > IT编程>网页制作>CSS > Fastadmin的js运行原理实例讲解

Fastadmin的js运行原理实例讲解

2018年02月10日  | 移动技术网IT编程  | 我要评论

aa生活,训诫文集中营,总统少爷 跪地求婚

以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，此外可以自己定制。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网