droplist

var ucd=ucd||{};

/**模拟html select组件，并提供丰富的设置\方式。
 *  包括样式，事件，每个option项的定制。支持多选和单选下拉菜单
 * @id Droplist
 * @param {Object} option
 *  var settings=$.extend({
 *   container:   组件存放容器
 *   data:        数据源
 *   inputEnable: 输入框是否可编辑
 *   isSingle:    是否为单选，有单选和多选两种选择(true为单选false为多选，默认为多选)
 *   maxWidth:    最大宽度
 *   minWidth:    最小宽度
 *   maxHeight:   最大高度
 *   onValueChange:值得改变时触发的回调
 *  },options ||{});
 */
(function(NS){
 function Droplist(options){
  var settings = $.extend({
   container:document.body,
   data:[],
   inputEnable:true,
   isSingle:true,
   maxWidth:250,
   minWidth:50,
   maxHeight:300,
   onClick:[],
   onValueChange:null
  },options ||{});