easyUI组件扩展（用户自定义组件）

//========================================================================================================

//性别下拉框 $("#sex").sexcombobox(); 必须代码渲染 ，通过class parser无法渲染，啊啊啊

//========================================================================================================

( function( $){

$. parser. plugins. push( "sexcombobox"); //注册扩展组件

$. fn. sexcombobox = 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 newopts = $. extend( true, $. fn. sexcombobox. defaults, opts);

$. fn. combobox. call( jq, newopts);

});

};

$. fn. sexcombobox. defaults = $. extend({}, $. fn. combobox. defaults,{

data: [{ id: '1', text: '男'}, { id: '0', text: '女'}],

valueField: 'id',

textField: 'text',

panelHeight: 'auto',

width: '173',

editable: false,

limitToList: true

});

})( jQuery);