EasyUI 插件使用

╰+攻爆jí腚メ 2022-02-13 10:57 472阅读 0赞

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”) {

      1. return value.toString();

      }
      return value;
      }

    即：

    JSON.stringify($.fn.progressbar.defaults, function(key, value) {
    if (typeof value == “function”) {

    1. return value.toString();

    }
    return value;
    }, “\t”);

在这里插入图片描述

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

    $(“#p”).panel({
    title: “标题”,
    iconCls: “icon-save”,
    href: “/GetUserList”,
    extractor: function(data) {

    1. 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) {

    1. if (typeof value == "function") {
    2.     return value.toString();
    3. }
    4. return value;

    }, “\t”);

发表评论

表情：
评论列表 （有 0 条评论，472人围观）

还没有评论，来说两句吧...

相关阅读