您的位置:首页 > 产品设计 > UI/UE

easyui容易被忽略掉的部分

2016-07-13 10:47 357 查看
官方文档有这么一段话:

Each component of easyui has properties, methods and events. Users can extend them easily.

Properties

The properties is defined in jQuery.fn.{plugin}.defaults. For example, the dialog's properties is defined in jQuery.fn.dialog.defaults.

Events

The events(callback functions) is defined in jQuery.fn.{plugin}.defaults also.

Methods

The calling method syntax: $('selector').plugin('method', parameter);

Where:

selector is the jquery object selector.

plugin is the plugin name.

method is the existing method corresponding to the plugin.

parameter is the parameter object, can be a object, string, ...

The methods is defined in jQuery.fn.{plugin}.methods. Each method has two parameters: jq and param. The first parameter 'jq' is required, which refers to that jQuery object. The second parameter 'param' refers to the really parameter that pass through the method. For example, to extend a method named 'mymove' for the dialog component, the code looks like this:

$.extend($.fn.dialog.methods, {

mymove: function(jq, newposition){

return jq.each(function(){

$(this).dialog('move', newposition);

});

}

});

Now you can call 'mymove' method to move the dialog to specified position:

$('#dd').dialog('mymove', {

left: 200,

top: 100

});

这段话其实描述了easyui使用的基本思路,以及扩展的思路。jQuery.fn.{plugin}.defaults,jQuery.fn.{plugin}.defaults,jQuery.fn.{plugin}.methods 分别是三部分的定义位置,可以对这三个定义分别扩展(添加和重写)。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: