easyUI扩展组件

$.parser.plugins.push("aa");  //注册扩展组件
 
 $.fn.aa= function (options, param) {//定义扩展组件

            //当options为字符串时，说明执行的是该插件的方法。
            if (typeof options == "string") { return $.fn.combobox.apply(this, arguments); }
            options = options || {};

            //当该组件在一个页面出现多次时，this是一个集合，故需要通过each遍历。
            return this.each(function () {
                var jq = $(this);

                //$.fn.combobox.parseOptions(this)作用是获取页面中的data-options中的配置
                var opts = $.extend({}, $.fn.combobox.parseOptions(this), options);

                //把配置对象myopts放到$.fn.combobox这个函数中执行。
                var myopts = $.extend(true, {
                    data: [{
                        Id: '1', Name: '人事部'
                    }, {
                        Id: '2', Name: '财务部'
                    }, {
                        Id: '3', Name: '研发部'
                    }, {
                        Id: '4', Name: '销售部'
                    }],
                    valueField: 'Id',
                    textField: 'Name'
                }, opts);
                $.fn.combobox.call(jq, myopts);
            });
        };       

使用

$(document).ready(function () {
      $('#test').aa();
 });