hust-epi/admin-ui/yvanui/yvanui.radiogroup.js

/**
 * YvanUI
 *
 * Copyright (c) 2018 www.yvanui.com. All rights reserved.
 * @author luoyifan@qq.com
 * @time 2018-11-27 11:16:00
 */
(function ($) {
  var idx = 1;

  function createBox(target) {
    //_2
    var $group = $('<div class="checkgroup-container"></div>');
    $(target).append($group);
    return $group;
  }

  function init(target) {
    var state = $.data(target, "radiogroup");
    var opts = state.options;
    var $group = state.group;
    var id = '_checkgroup_' + (++idx);
    $group.attr('id', id);

    if (opts.label) {
      if ($.type(opts.label) === 'object') {
        state.label = $(opts.label);
        state.label.attr("for", $group);

      } else {
        $(state.label).remove();
        state.label = $("<label class=\"textbox-label\"></label>").html(opts.label);
        state.label.css("textAlign", opts.labelAlign).attr("for", id);
        if (opts.labelPosition === "after") {
          state.label.insertAfter($group);
        } else {
          state.label.insertBefore($group);
        }
        state.label.removeClass("textbox-label-left textbox-label-right textbox-label-top");
        state.label.addClass("textbox-label-" + opts.labelPosition);
      }
    } else {
      $(state.label).remove();
    }

    var data = opts.data;
    if ($.type(data) === 'function') {
      data = data.call(this);
    }
    if ($.type(data) === 'object') {
      data = [];
      for (var name in opts.data) {
        if (!opts.data.hasOwnProperty(name)) continue;
        var item = {};
        item.name = opts.name;
        item[opts.idValue || 'value'] = name;
        item[opts.textValue || 'label'] = opts.data[name];
        data.push(data);
      }
    } else if ($.type(opts.data) === 'array') {
      data = opts.data;
    }

    if (data) {
      for (var i = 0; i < data.length; i++) {
        var $dom = $('<input type="radio" name="' + opts.name + '" />');
        $group.append($dom);
        var extend = {
          onChange: (function (meValue) {
            return function (v) {
              if (v) {
                if ($.type(opts.onChange) === 'function') {
                  opts.onChange.call(target, meValue);
                }
              }
            };
          })(data[i][opts.idValue])
        };
        if (opts.idValue) {
          extend.value = data[i][opts.idValue];
        }
        if (opts.textValue) {
          extend.label = data[i][opts.textValue];
        }
        $dom.radiobutton($.extend({}, data[i], extend));
      }
    }
  }

  function resizeLabel(target) {
    var state = $.data(target, "radiogroup");
    var opts = state.options;
    var $dom = state.group;
    $dom._size(opts, $dom.parent());
    if (opts.label && opts.labelPosition) {
      if (opts.labelPosition === "top") {
        state.label._size({ width: opts.labelWidth }, $dom);
      } else {
        state.label._size({ width: opts.labelWidth, height: 'auto' }, $dom);
        state.label.css("float", "left");
        state.label.css("padding-top", "10px");
      }
    }
  }

  $.fn.radiogroup = function (options, param) {
    if (typeof options === 'string') {
      return $.fn.radiogroup.methods[options](this, param);
    }

    options = options || {};
    return this.each(function () {
      var state = $.data(this, 'radiogroup');
      if (state) {
        $.extend(state.options, options);
      } else {
        $.data(this, 'radiogroup', {
          options: $.extend({}, $.fn.radiogroup.defaults, options),
          group: createBox(this)
        });
      }
      init(this);
      resizeLabel(this);
    });
  };

  $.fn.radiogroup.methods = {
    options: function (jq) {
      var opts = jq.data("radiogroup");
      return $.extend(opts.options, { value: opts.checkbox.find(".checkbox-value").val() });
    }, checkAll: function (jq) {
      return jq.each(function () {
        setValue(this, true);
      });
    }, uncheckAll: function (jq) {
      return jq.each(function () {
        setValue(this, false);
      });
    }, clear: function (jq) {
      return jq.each(function () {
        setValue(this, false);
      });
    }, reset: function (jq) {
      return jq.each(function () {
        var opts = $(this).checkbox("options");
        setValue(this, opts.originalValue);
      });
    }
  };

  $.fn.radiogroup.defaults = {
    value: null,
    primary: true,
    label: null,
    data: [],
    labelPosition: 'before',
    labelAlign: 'right',
    width: 280,
    labelWidth: 90,
    idValue: 'id',
    textValue: 'text',
    onChange: function (value) {
    }
  };

})(jQuery);