EasyUI 插件使用

版权声明：wuyujin1997 reserve all rights. https://blog.csdn.net/wuyujin1997/article/details/89607488

link

API zh
EasyUI源码 简单解析
EasyUI最简答的插件-弹出框(messager)的使用
EasyUI panel插件的使用

usage

• 文档查看(如查看progressbar插件的方法，属性和事件)
  有三种方法：
  • 源码(需熟悉源码结构)。
  • 查看官网文档，快，容易理解。
  • 直接在浏览器控制台中查询(推荐)，更快。
    $.fn.progressbar.methods 对象中包含插件progressbar的方法。
    $.fn.progressbar.defaults 对象中包含插件progressbar的属性和事件。
    用JSON.stringify(obj, replacer, space)方法打印要查看的对象。为显示成员方法，replacer为：

  var replacer = function(key, value) {
    if (typeof value == "function") {
      return value.toString();
    }
    return value;
  }
  

  即：

JSON.stringify($.fn.progressbar.defaults, function(key, value) {
  if (typeof value == "function") {
    return value.toString();
  }
  return value;
}, "\t");

• 设置|更新插件的属性|事件|方法$(selector).plugiinName({propertyList});，如：

$("#p").panel({
  title: "标题",
  iconCls: "icon-save",
  href: "/GetUserList",
  extractor: function(data) {
    return data;  // 对获取的数据进行提取
  },
  onLoad: function() { alert("数据加载完成"); }
});

• 调用插件方法 $(selector).pluginName("funcName", parameter)，如：
  $("#p").panel("refresh", "/GetData"); 刷新panel的数据。
  $("#p").panel("options"); 方法返回选中panel插件的选项options。

// 用JSON.stringify()方法打印插件的所有options(包括方法)。
var obj = $("#p").panel("options");
JSON.stringify(obj, function(key, value) {
    if (typeof value == "function") {
        return value.toString();
    }
    return value;
}, "\t");