- * var control = new Control();
- * control.on('click',function(ev){
- *
- * });
- *
- * control.off(); //移除所有事件
- *
- * var list = new BUI.List.SimpleList({
- * listeners : {
- * itemclick : function(ev){},
- * itemrendered : function(ev){}
- * },
- * items : []
- * });
- * list.render();
- *
- * var list = new BUI.List.SimpleList({
- * handler : function(ev){} //click 事件
- * });
- * list.render();
- *
- * //绑定事件
- * list.on('itemclick',function(ev){
- * alert('21');
- * });
- * //触发事件
- * list.fire('itemclick');
- *
- * list.pauseEvent('itemclick');
- *
- * list.resumeEvent('itemclick');
- *
- * //绑定单个事件
- * list.on('itemclick',function(ev){
- * alert('21');
- * });
- * //绑定多个事件
- * list.on('itemrendered itemupdated',function(){
- * //列表项创建、更新时触发操作
- * });
- *
- * //移除所有事件
- * list.off();
- *
- * //移除特定事件
- * function callback(ev){}
- * list.on('click',callback);
- *
- * list.off('click',callback);//需要保存回调函数的引用
- *
- *
- * var Control = function(cfg){
- * Control.superclass.constructor.call(this,cfg); //调用BUI.Base的构造方法，将配置项变成属性
- * };
- *
- * BUI.extend(Control,BUI.Base);
- *
- * Control.ATTRS = {
- * id : {
- * value : 'id' //value 是此属性的默认值
- * },
- * renderTo : {
- *
- * },
- * el : {
- * valueFn : function(){ //第一次调用的时候将renderTo的DOM转换成el属性
- * return $(this.get('renderTo'));
- * }
- * },
- * text : {
- * getter : function(){ //getter 用于获取值，而不是设置的值
- * return this.get('el').val();
- * },
- * setter : function(v){ //不仅仅是设置值，可以进行相应的操作
- * this.get('el').val(v);
- * }
- * }
- * };
- *
- * BUI.augment(Control,{
- * getText : function(){
- * return this.get('text'); //可以用get方法获取属性值
- * },
- * setText : function(txt){
- * this.set('text',txt); //使用set 设置属性值
- * }
- * });
- *
- * var c = new Control({
- * id : 'oldId',
- * text : '测试文本',
- * renderTo : '#t1'
- * });
- *
- * var el = c.get(el); //$(#t1);
- * el.val(); //text的值 ： '测试文本'
- * c.set('text','修改的值');
- * el.val(); //'修改的值'
- *
- * c.set('id','newId') //会触发2个事件： beforeIdChange,afterIdChange 2个事件 ev.newVal 和ev.prevVal标示新旧值
- *
- * var control = new Control({
- * text : 'control text'
- * });
- * control.get('text'); //control text
- *
- * control.set('customValue','value'); //临时变量
- * control.get('customValue'); //value
- *
- * Control.ATTRS = { //声明属性值
- * text : {
- * valueFn : function(){},
- * value : 'value',
- * getter : function(v){}
- * }
- * };
- * var c = new Control({
- * text : 'text value'
- * });
- * //get 函数取的顺序为：是否有修改值（配置项、set)、默认值（第一次调用执行valueFn)，如果有getter，则将值传入getter返回
- *
- * c.get('text') //text value
- * c.set('text','new text');//修改值
- * c.get('text');//new text
- *
- * control.on('beforeTextChange',function(ev){
- * var newVal = ev.newVal,
- * attrName = ev.attrName,
- * preVal = ev.prevVal;
- *
- * //TO DO
- * });
- * control.set('text','new text'); //此时触发 beforeTextChange,afterTextChange
- * control.set('text','modify text',{silent : true}); //此时不触发事件
- *
- * control.setInternal('text','text');//此时不触发事件
- *
- * 
- *
- * 
- *
- * //默认状态下创建对象，并没有进行render
- * var control = new Control();
- * control.render(); //需要调用render方法
- *
- * //设置autoRender后，不需要调用render方法
- * var control = new Control({
- * autoRender : true
- * });
- *
- * var grid = new Grid({
- * columns : [{},{}],
- * plugins : [Grid.Plugins.RadioSelection]
- * });
- * 
- */
-function Align() {
-}
-
-
-Align.__getOffsetParent = getOffsetParent;
-
-Align.__getVisibleRectForElement = getVisibleRectForElement;
-
-Align.ATTRS =
-{
- /**
- * 对齐配置，详细说明请参看： JS控件 对齐
- * @cfg {Object} align
- *
- * var overlay = new Overlay( {
- * align :{
- * node: null, // 参考元素, falsy 或 window 为可视区域, 'trigger' 为触发元素, 其他为指定元素
- * points: ['cc','cc'], // ['tr', 'tl'] 表示 overlay 的 tl 与参考节点的 tr 对齐
- * offset: [0, 0] // 有效值为 [n, m]
- * }
- * });
- *
- * var align = {
- * node: null, // 参考元素, falsy 或 window 为可视区域, 'trigger' 为触发元素, 其他为指定元素
- * points: ['cc','cc'], // ['tr', 'tl'] 表示 overlay 的 tl 与参考节点的 tr 对齐
- * offset: [0, 0] // 有效值为 [n, m]
- * };
- * overlay.set('align',align);
- *
- */
- align:{
- shared : false,
- value:{}
- }
-};
-
-function getRegion(node) {
- var offset, w, h;
- if (node.length && !$.isWindow(node[0])) {
- offset = node.offset();
- w = node.outerWidth();
- h = node.outerHeight();
- } else {
- offset = { left:BUI.scrollLeft(), top:BUI.scrollTop() };
- w = BUI.viewportWidth();
- h = BUI.viewportHeight();
- }
- offset.width = w;
- offset.height = h;
- return offset;
-}
-
-/**
- * 获取 node 上的 align 对齐点 相对于页面的坐标
- * @param region
- * @param align
- */
-function getAlignOffset(region, align) {
- var V = align.charAt(0),
- H = align.charAt(1),
- w = region.width,
- h = region.height,
- x, y;
-
- x = region.left;
- y = region.top;
-
- if (V === 'c') {
- y += h / 2;
- } else if (V === 'b') {
- y += h;
- }
-
- if (H === 'c') {
- x += w / 2;
- } else if (H === 'r') {
- x += w;
- }
-
- return { left:x, top:y };
-}
-
-//清除对齐的css样式
-function clearAlignCls(el){
- var cls = el.attr('class'),
- regex = new RegExp('\s?'+CLS_ALIGN_PREFIX+'[a-z]{2}-[a-z]{2}','ig'),
- arr = regex.exec(cls);
- if(arr){
- el.removeClass(arr.join(' '));
- }
-}
-
-Align.prototype =
-{
- _uiSetAlign:function (v,ev) {
- var alignCls = '',
- el,
- selfAlign; //points 的第二个参数，是自己对齐于其他节点的的方式
- if (v && v.points) {
- this.align(v.node, v.points, v.offset, v.overflow);
- this.set('cachePosition',null);
- el = this.get('el');
- clearAlignCls(el);
- selfAlign = v.points.join('-');
- alignCls = CLS_ALIGN_PREFIX + selfAlign;
- el.addClass(alignCls);
- /**/
- }
- },
- __bindUI : function(){
- var _self = this;
-
- var fn = BUI.wrapBehavior(_self,'handleWindowResize');
-
- _self.on('show',function(){
- $(window).on('resize',fn);
- });
-
- _self.on('hide',function(){
- $(window).off('resize',fn);
- });
- },
- //处理window resize事件
- handleWindowResize : function(){
- var _self = this,
- align = _self.get('align');
-
- _self.set('align',align);
- },
- /*
- 对齐 Overlay 到 node 的 points 点, 偏移 offset 处
- @method
- @ignore
- @param {Element} node 参照元素, 可取配置选项中的设置, 也可是一元素
- @param {String[]} points 对齐方式
- @param {Number[]} [offset] 偏移
- */
- align:function (refNode, points, offset, overflow) {
- refNode = $(refNode || win);
- offset = offset && [].concat(offset) || [0, 0];
- overflow = overflow || {};
-
- var self = this,
- el = self.get('el'),
- fail = 0,
- // 当前节点可以被放置的显示区域
- visibleRect = getVisibleRectForElement(el[0]),
- // 当前节点所占的区域, left/top/width/height
- elRegion = getRegion(el),
- // 参照节点所占的区域, left/top/width/height
- refNodeRegion = getRegion(refNode),
- // 当前节点将要被放置的位置
- elFuturePos = getElFuturePos(elRegion, refNodeRegion, points, offset),
- // 当前节点将要所处的区域
- newElRegion = BUI.merge(elRegion, elFuturePos);
-
- // 如果可视区域不能完全放置当前节点时允许调整
- if (visibleRect && (overflow.adjustX || overflow.adjustY)) {
-
- // 如果横向不能放下
- if (isFailX(elFuturePos, elRegion, visibleRect)) {
- fail = 1;
- // 对齐位置反下
- points = flip(points, /[lr]/ig, {
- l:'r',
- r:'l'
- });
- // 偏移量也反下
- offset = flipOffset(offset, 0);
- }
-
- // 如果纵向不能放下
- if (isFailY(elFuturePos, elRegion, visibleRect)) {
- fail = 1;
- // 对齐位置反下
- points = flip(points, /[tb]/ig, {
- t:'b',
- b:'t'
- });
- // 偏移量也反下
- offset = flipOffset(offset, 1);
- }
-
- // 如果失败，重新计算当前节点将要被放置的位置
- if (fail) {
- elFuturePos = getElFuturePos(elRegion, refNodeRegion, points, offset);
- BUI.mix(newElRegion, elFuturePos);
- }
-
- var newOverflowCfg = {};
-
- // 检查反下后的位置是否可以放下了
- // 如果仍然放不下只有指定了可以调整当前方向才调整
- newOverflowCfg.adjustX = overflow.adjustX &&
- isFailX(elFuturePos, elRegion, visibleRect);
-
- newOverflowCfg.adjustY = overflow.adjustY &&
- isFailY(elFuturePos, elRegion, visibleRect);
-
- // 确实要调整，甚至可能会调整高度宽度
- if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) {
- newElRegion = adjustForViewport(elFuturePos, elRegion,
- visibleRect, newOverflowCfg);
- }
- }
-
- // 新区域位置发生了变化
- if (newElRegion.left != elRegion.left) {
- self.setInternal('x', null);
- self.get('view').setInternal('x', null);
- self.set('x', newElRegion.left);
- }
-
- if (newElRegion.top != elRegion.top) {
- // https://github.com/kissyteam/kissy/issues/190
- // 相对于屏幕位置没变，而 left/top 变了
- // 例如
- * control.center('#t1'); //控件处于容器#t1的中间位置
- *
- * var overlay = new Overlay({ //点击#t1时显示，点击#t1,overlay之外的元素隐藏
- * trigger : '#t1',
- * autoHide : true,
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- * var overlay = new Overlay({ //点击.t1(无论创建控件时.t1是否存在)时显示，点击.t1,overlay之外的元素隐藏
- * trigger : '.t1',
- * autoHide : true,
- * delegateTrigger : true, //使用委托的方式触发显示控件
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- * overlay.on('show',function(){
- * var curTrigger = overlay.get('curTrigger');
- * //TO DO
- * });
- *
- * var overlay = new Overlay({ //移动到#t1时显示，移动出#t1,overlay之外控件隐藏
- * trigger : '#t1',
- * autoHide : true,
- * triggerEvent :'mouseover',
- * autoHideType : 'leave',
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- *
- * overlay.on('triggerchange',function(ev){
- * var curTrigger = ev.curTrigger;
- * overlay.set('content',curTrigger.html());
- * });
- *
- * var overlay = new Overlay({ //点击#t1时显示，点击#t1之外的元素隐藏
- * trigger : '#t1',
- * autoHide : true,
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- * var overlay = new Overlay({ //移动到#t1时显示，移动出#t1,overlay之外控件隐藏
- * trigger : '#t1',
- * autoHide : true,
- * triggerEvent :'mouseover',
- * autoHideType : 'leave',
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- *
- *
- * var overlay = new Overlay({ //点击#t1时显示，点击#t1,overlay之外的元素隐藏
- * trigger : '#t1',
- * autoHide : true,
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- *
- * var overlay = new Overlay({ //点击#t1时显示，点击#t1,#t2,overlay之外的元素隐藏
- * trigger : '#t1',
- * autoHide : true,
- * hideExceptNode : '#t2',
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- * overlay.on('autohide',function(){
- * var curTrigger = overlay.curTrigger; //当前触发的项
- * if(condtion){
- * return false; //阻止隐藏
- * }
- * });
- *
- * var overlay = new Overlay({
- * closeTpl : 'x',
- * closeable : true,
- * trigger : '#t1'
- * });
- * overlay.render();
- * - * - * - "hide" : default 隐藏. - * - "destroy"：当点击关闭按钮时移除（destroy)控件 - * - 'remove' : 当存在父控件时使用remove，同时从父元素中删除 - * @cfg {String} [closeAction = 'hide'] - */ - /** - * 关闭时隐藏还是移除DOM结构 - * default "hide".可以设置 "destroy" ，当点击关闭按钮时移除（destroy)控件 - * @type {String} - * @protected - */ - closeAction: { - value: HIDE - } - - /** - * @event closing - * 正在关闭，可以通过return false 阻止关闭事件 - * @param {Object} e 关闭事件 - * @param {String} e.action 关闭执行的行为，hide,destroy,remove - */ - - /** - * @event beforeclosed - * 关闭前，发生在closing后，closed前，用于处理关闭前的一些工作 - * @param {Object} e 关闭事件 - * @param {String} e.action 关闭执行的行为，hide,destroy,remove - */ - - /** - * @event closed - * 已经关闭 - * @param {Object} e 关闭事件 - * @param {String} e.action 关闭执行的行为，hide,destroy,remove - */ - - /** - * @event closeclick - * 触发点击关闭按钮的事件,return false 阻止关闭 - * @param {Object} e 关闭事件 - * @param {String} e.domTarget 点击的关闭按钮节点 - */ -}; - -var actions = { - hide: HIDE, - destroy: 'destroy', - remove: 'remove' -}; - -Close.prototype = { - _uiSetCloseable: function(v) { - var self = this; - if (v && !self.__bindCloseEvent) { - self.__bindCloseEvent = 1; - self.get('closeBtn').on('click', function(ev) { - if (self.fire('closeclick', { - domTarget: ev.target - }) !== false) { - self.close(); - } - ev.preventDefault(); - }); - } - }, - __destructor: function() { - var btn = this.get('closeBtn'); - btn && btn.detach(); - }, - /** - * 关闭弹出框，如果closeAction = 'hide'那么就是隐藏，如果 closeAction = 'destroy'那么就是释放,'remove'从父控件中删除，并释放 - */ - close: function() { - var self = this, - action = actions[self.get('closeAction') || HIDE]; - if (self.fire('closing', { - action: action - }) !== false) { - self.fire('beforeclosed', { - action: action - }); - if (action == 'remove') { //移除时同时destroy - self[action](true); - } else { - self[action](); - } - self.fire('closed', { - action: action - }); - } - } -}; - -Close.View = CloseView; - -module.exports = Close; - -}); -define("bui-common/1.1.2/src/component/uibase/collapsable-debug", [], function(require, exports, module){ -/** - * @fileOverview 可以展开折叠的控件 - * @ignore - */ - - -/** - * 控件展开折叠的视图类 - * @class BUI.Component.UIBase.CollapsableView - * @private - */ -var collapsableView = function() { - -}; - -collapsableView.ATTRS = { - collapsed: {} -} - -collapsableView.prototype = { - //设置收缩样式 - _uiSetCollapsed: function(v) { - var _self = this, - cls = _self.getStatusCls('collapsed'), - el = _self.get('el'); - if (v) { - el.addClass(cls); - } else { - el.removeClass(cls); - } - } -} -/** - * 控件展开折叠的扩展 - * @class BUI.Component.UIBase.Collapsable - */ -var collapsable = function() { - -}; - -collapsable.ATTRS = { - /** - * 是否可折叠 - * @type {Boolean} - */ - collapsable: { - value: false - }, - /** - * 是否已经折叠 collapsed - * @cfg {Boolean} collapsed - */ - /** - * 是否已经折叠 - * @type {Boolean} - */ - collapsed: { - view: true, - value: false - }, - events: { - value: { - /** - * 控件展开 - * @event - * @param {Object} e 事件对象 - * @param {BUI.Component.Controller} target 控件 - */ - 'expanded': true, - /** - * 控件折叠 - * @event - * @param {Object} e 事件对象 - * @param {BUI.Component.Controller} target 控件 - */ - 'collapsed': true - } - } -}; - -collapsable.prototype = { - _uiSetCollapsed: function(v) { - var _self = this; - if (v) { - _self.fire('collapsed'); - } else { - _self.fire('expanded'); - } - } -}; - -collapsable.View = collapsableView; - -module.exports = collapsable; - -}); -define("bui-common/1.1.2/src/component/uibase/drag-debug", ["jquery"], function(require, exports, module){ -/** - * @fileOverview 拖拽 - * @author by dxq613@gmail.com - * @ignore - */ - - - -var $ = require('jquery'), - dragBackId = BUI.guid('drag'); - -/** - * 拖拽控件的扩展 - *
- * var Control = Overlay.extend([UIBase.Drag],{
- *
- * });
- *
- * var c = new Contol({ //拖动控件时，在#t2内
- * content : '',
- * dragNode : '#header',
- * constraint : '#t2'
- * });
- *
- * var Control = Overlay.extend([UIBase.Drag],{
- *
- * });
- *
- * var c = new Contol({ //拖动控件时，在#t2内
- * content : '',
- * dragNode : '#header',
- * constraint : '#t2'
- * });
- *
- * var Control = Overlay.extend([UIBase.Drag],{
- *
- * });
- *
- * var c = new Contol({ //拖动控件时，在#t2内
- * content : '',
- * dragNode : '#header',
- * constraint : '#t2'
- * });
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value',
- * render : '#t1',
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- * list.render();
- *
- * list.set('items',items); //列表会直接替换内容
- * //等同于
- * list.clearItems();
- * list.addItems(items);
- *
- * var list = new List.SimpleList({
- * itemTplRender : function(item){
- * if(item.type == '1'){
- * return '<li><img src="xxx.jpg"/>'+item.text+'</li>'
- * }else{
- * return '<li>item.text</li>'
- * }
- * },
- * idField : 'value',
- * render : '#t1',
- * items : [{value : '1',text : '1',type : '0'},{value : '2',text : '2',type : '1'}]
- * });
- * list.render();
- *
- * var list = new List.SimpleList({
- * render : '#t1',
- * itemStatusCls : {
- * selected : 'active', //默认样式为list-item-selected,现在变成'active'
- * hover : 'hover' //默认样式为list-item-hover,现在变成'hover'
- * },
- * items : [{id : '1',text : '1',type : '0'},{id : '2',text : '2',type : '1'}]
- * });
- * list.render();
- *
- * var count = list.getItemCount();
- *
- * var items = list.getItems();
- * //等同
- * list.get(items);
- *
- * var item = list.getFirstItem();
- * //等同
- * list.getItemAt(0);
- *
- * var item = list.getLastItem();
- * //等同
- * list.getItemAt(list.getItemCount()-1);
- *
- * var item = list.getItemAt(0); //获取第1个
- * var item = list.getItemAt(2); //获取第3个
- *
- * //如果idField = 'id'
- * var item = list.getItem('2');
- * //等同于
- * list.findItemByField('id','2');
- *
- * //如果idField = 'value'
- * var item = list.getItem('2');
- * //等同于
- * list.findItemByField('value','2');
- *
- * var index = list.indexOf(item); //返回索引，不存在则返回-1
- *
- * var items = [{id : '1',text : '1'},{id : '2',text : '2'}];
- * list.addItems(items);
- *
- * var items = [{id : '1',text : '1'},{id : '2',text : '2'}];
- * list.addItemsAt(items,0); // 在最前面插入
- * list.addItemsAt(items,2); //第三个位置插入
- *
- * var item = list.getItem('2');
- * list.text = '新内容'; //此时对应的DOM不会变化
- * list.updateItem(item); //DOM进行相应的变化
- *
- * list.addItem({id : '3',text : '3',type : '0'});
- *
- * list.addItemAt({id : '3',text : '3',type : '0'},0); //第一个位置
- *
- * list.clearItems();
- * //等同于
- * list.set('items',items);
- *
- * var item = list.getItem('1');
- * list.removeItem(item);
- *
- * var items = list.getSelection();
- * list.removeItems(items);
- *
- * list.removeItemAt(0); //删除第一个
- *
- * {
- * property : 'children',
- * dataType : 'json'
- * }
- *
- * @type {Object}
- */
- defaultLoaderCfg: {
- value: {
- property: 'children',
- dataType: 'json'
- }
- }
-});
-
-BUI.augment(childList, list, Selection, {
- //初始化，将items转换成children
- __init: function() {
- var _self = this,
- items = _self.get('items');
- if (items && _self.get('autoInitItems')) {
- _self.addItems(items);
- }
- _self.on('beforeRenderUI', function() {
- _self._beforeRenderUI();
- });
- },
- _uiSetItems: function(items) {
- var _self = this;
- //清理子控件
- _self.clearControl();
- _self.addItems(items);
- },
- //渲染子控件
- _beforeRenderUI: function() {
- var _self = this,
- children = _self.get('children'),
- items = _self.get('items');
- BUI.each(children, function(item) {
- beforeAddItem(_self, item);
- });
- },
- //绑定事件
- __bindUI: function() {
- var _self = this,
- selectedEvent = _self.get('selectedEvent');
-
- _self.on(selectedEvent, function(e) {
- var item = e.target;
- if (item.get('selectable')) {
- if (!item.get('selected')) {
- _self.setSelected(item);
- } else if (_self.get('multipleSelect')) {
- _self.clearSelected(item);
- }
- }
- });
-
- _self.on('click', function(e) {
- if (e.target !== _self) {
- _self.fire('itemclick', {
- item: e.target,
- domTarget: e.domTarget,
- domEvent: e
- });
- }
- });
- _self.on('beforeAddChild', function(ev) {
- beforeAddItem(_self, ev.child);
- });
- _self.on('beforeRemoveChild', function(ev) {
- var item = ev.child,
- selected = item.get('selected');
- //清理选中状态
- if (selected) {
- if (_self.get('multipleSelect')) {
- _self.clearSelected(item);
- } else {
- _self.setSelected(null);
- }
- }
- item.set('selected', false);
- });
- },
- /**
- * @protected
- * @override
- * 清除者列表项的DOM
- */
- clearControl: function() {
- this.removeChildren(true);
- },
- /**
- * 获取所有子控件
- * @return {Array} 子控件集合
- * @override
- */
- getItems: function() {
- return this.get('children');
- },
- /**
- * 更新列表项
- * @param {Object} item 选项值
- */
- updateItem: function(item) {
- var _self = this,
- idField = _self.get('idField'),
- element = _self.findItemByField(idField, item[idField]);
- if (element) {
- element.setTplContent();
- }
- return element;
- },
- /**
- * 删除项,子控件作为选项
- * @param {Object} element 子控件
- */
- removeItem: function(item) {
- var _self = this,
- idField = _self.get('idField');
- if (!(item instanceof BUI.Component.Controller)) {
- item = _self.findItemByField(idField, item[idField]);
- }
- this.removeChild(item, true);
- },
- /**
- * 在指定位置添加选项,此处选项指子控件
- * @param {Object|BUI.Component.Controller} item 子控件配置项、子控件
- * @param {Number} index 索引
- * @return {Object|BUI.Component.Controller} 子控件
- */
- addItemAt: function(item, index) {
- return this.addChild(item, index);
- },
- findItemByField: function(field, value, root) {
-
- root = root || this;
- var _self = this,
- children = root.get('children'),
- result = null;
- $(children).each(function(index, item) {
- if (item.get(field) == value) {
- result = item;
- } else if (item.get('children').length) {
- result = _self.findItemByField(field, value, item);
- }
- if (result) {
- return false;
- }
- });
- return result;
- },
- getItemText: function(item) {
- return item.get('el').text();
- },
- getValueByField: function(item, field) {
- return item && item.get(field);
- },
- /**
- * @protected
- * @ignore
- */
- setItemSelectedStatus: function(item, selected) {
- var _self = this,
- method = selected ? 'addClass' : 'removeClass',
- element = null;
-
- if (item) {
- item.set('selected', selected);
- element = item.get('el');
- }
- _self.afterSelected(item, selected, element);
- },
- /**
- * 选项是否被选中
- * @override
- * @param {*} item 选项
- * @return {Boolean} 是否选中
- */
- isItemSelected: function(item) {
- return item ? item.get('selected') : false;
- },
- /**
- * 设置所有选项选中
- * @override
- */
- setAllSelection: function() {
- var _self = this,
- items = _self.getItems();
- _self.setSelection(items);
- },
- /**
- * 获取选中的项的值
- * @return {Array}
- * @override
- * @ignore
- */
- getSelection: function() {
- var _self = this,
- items = _self.getItems(),
- rst = [];
- BUI.each(items, function(item) {
- if (_self.isItemSelected(item)) {
- rst.push(item);
- }
-
- });
- return rst;
- }
-});
-
-list.ChildList = childList;
-
-module.exports = list;
-
-/**
- * @ignore
- * 2013-1-22
- * 更改显示数据的方式，使用 _uiSetItems
- */
-
-});
-define("bui-common/1.1.2/src/component/uibase/selection-debug", ["jquery"], function(require, exports, module){
-/**
- * @fileOverview 单选或者多选
- * @author dxq613@gmail.com
- * @ignore
- */
-var $ = require('jquery');
-var SINGLE_SELECTED = 'single';
-
-/**
- * @class BUI.Component.UIBase.Selection
- * 选中控件中的项（子元素或者DOM），此类选择的内容有2种
- * -
- *
- 子控件 - *
- DOM元素 - *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value',
- * selectedEvent : 'mouseenter',
- * render : '#t1',
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value',
- * render : '#t1',
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value',
- * render : '#t1',
- * multipleSelect : true,
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- *
- * list.clearSelection();
- *
- * var item = list.getSelected(); //多选模式下第一条
- *
- * var item = list.getItem('id'); //通过id 获取选项
- * list.setSelected(item); //选中
- *
- * list.clearSelected();//单选模式下清除所选，多选模式下清除选中的第一项
- * list.clearSelected(item); //清除选项的选中状态
- *
- * var items = list.getItemsByStatus('active'); //获取某种状态的选项
- * list.setSelection(items);
- *
- * var item = list.getItem('id');
- * list.setSelected(item);
- *
- * list.setAllSelection(); //选中全部，多选状态下有效
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{id}">{text}</li>',
- * idField : 'id', //id 字段作为key
- * render : '#t1',
- * items : [{id : '1',text : '1'},{id : '2',text : '2'}]
- * });
- *
- * list.setSelectedByField('123'); //默认按照id字段查找
- * //或者
- * list.setSelectedByField('id','123');
- *
- * list.setSelectedByField('value','123');
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value', //value 字段作为key
- * render : '#t1',
- * multipleSelect : true,
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- * var values = ['1','2','3'];
- * list.setSelectionByField(values);//
- *
- * //等于
- * list.setSelectionByField('value',values);
- * ' +
- (ie6 ? '<' + 'iframe ' +
- 'style="position:absolute;' +
- 'left:' + '0' + ';' +
- 'top:' + '0' + ';' +
- 'background:white;' +
- 'width: expression(this.parentNode.offsetWidth);' +
- 'height: expression(this.parentNode.offsetHeight);' +
- 'filter:alpha(opacity=0);' +
- 'z-index:-1;">' : '') +
- '
')
- .prependTo('body');
- /**
- * 点 mask 焦点不转移
- * @ignore
- */
- // mask.unselectable();
- mask.on('mousedown', function(e) {
- e.preventDefault();
- });
- return mask;
-}
-
-/**
- * 遮罩层的视图类
- * @class BUI.Component.UIBase.MaskView
- * @private
- */
-function MaskView() {}
-
-MaskView.ATTRS = {
- maskShared: {
- value: true
- }
-};
-
-MaskView.prototype = {
-
- _maskExtShow: function() {
- var self = this,
- zIndex,
- maskCls = getMaskCls(self),
- maskDesc = maskMap[maskCls],
- maskShared = self.get('maskShared'),
- mask = self.get('maskNode');
- if (!mask) {
- if (maskShared) {
- if (maskDesc) {
- mask = maskDesc.node;
- } else {
- mask = initMask(maskCls);
- maskDesc = maskMap[maskCls] = {
- num: 0,
- node: mask
- };
- }
- } else {
- mask = initMask(maskCls);
- }
- self.setInternal('maskNode', mask);
- }
- if (zIndex = self.get('zIndex')) {
- mask.css('z-index', zIndex - 1);
- }
- if (maskShared) {
- maskDesc.num++;
- }
- if (!maskShared || maskDesc.num == 1) {
- mask.show();
- }
- $('body').addClass('x-masked-relative');
- },
-
- _maskExtHide: function() {
- var self = this,
- maskCls = getMaskCls(self),
- maskDesc = maskMap[maskCls],
- maskShared = self.get('maskShared'),
- mask = self.get('maskNode');
- if (maskShared && maskDesc) {
- maskDesc.num = Math.max(maskDesc.num - 1, 0);
- if (maskDesc.num == 0) {
- mask.hide();
- }
- } else if (mask) {
- mask.hide();
- }
- $('body').removeClass('x-masked-relative');
- },
-
- __destructor: function() {
- var self = this,
- maskShared = self.get('maskShared'),
- mask = self.get('maskNode');
- if (self.get('maskNode')) {
- if (maskShared) {
- if (self.get('visible')) {
- self._maskExtHide();
- }
- } else {
- mask.remove();
- }
- }
- }
-
-};
-
-/**
- * @class BUI.Component.UIBase.Mask
- * Mask extension class.
- * Make component to be able to show with mask.
- */
-function Mask() {}
-
-Mask.ATTRS = {
- /**
- * 控件显示时，是否显示屏蔽层
- *
- * var overlay = new Overlay({ //显示overlay时，屏蔽body
- * mask : true,
- * maskNode : 'body',
- * trigger : '#t1'
- * });
- * overlay.render();
- *
- * var overlay = new Overlay({ //显示overlay时，屏蔽body
- * mask : true,
- * maskNode : 'body',
- * trigger : '#t1'
- * });
- * overlay.render();
- *
- * overlay.set('x',100);
- *
- * overlay.set('y',100);
- *
- * var overlay = new Overlay({
- * xy : [100,100],
- * trigger : '#t1',
- * srcNode : '#c1'
- * });
- *
- * overlay.set('xy',[100,100]);
- *
- * var overlay = new Overlay({
- * zIndex : '1000'
- * });
- *
- * overlay.set('zIndex','1200');
- *
- * move(x, y);
- * move(x);
- * move([x,y])
- * ' +
- '
');
- partEl.appendTo(el);
- self.setInternal(part, partEl);
- }
-}
-
-
-function _setStdModRenderContent(self, part, v) {
- part = self.get(part);
- if (BUI.isString(v)) {
- part.html(v);
- } else {
- part.html('')
- .append(v);
- }
-}
-
-StdModView.prototype = {
-
- __renderUI: function() { //createDom
- createUI(this, 'header');
- createUI(this, 'body');
- createUI(this, 'footer');
- },
-
- _uiSetBodyStyle: function(v) {
- this.get('body').css(v);
- },
-
- _uiSetHeaderStyle: function(v) {
- this.get('header').css(v);
- },
- _uiSetFooterStyle: function(v) {
- this.get('footer').css(v);
- },
-
- _uiSetBodyContent: function(v) {
- _setStdModRenderContent(this, 'body', v);
- },
-
- _uiSetHeaderContent: function(v) {
- _setStdModRenderContent(this, 'header', v);
- },
-
- _uiSetFooterContent: function(v) {
- _setStdModRenderContent(this, 'footer', v);
- }
-};
-
-/**
- * @class BUI.Component.UIBase.StdMod
- * StdMod extension class.
- * Generate head, body, foot for component.
- */
-function StdMod() {}
-
-StdMod.ATTRS = {
- /**
- * 控件的头部DOM. Readonly
- * @readOnly
- * @type {jQuery}
- */
- header: {
- view: 1
- },
- /**
- * 控件的内容DOM. Readonly
- * @readOnly
- * @type {jQuery}
- */
- body: {
- view: 1
- },
- /**
- * 控件的底部DOM. Readonly
- * @readOnly
- * @type {jQuery}
- */
- footer: {
- view: 1
- },
- /**
- * 应用到控件内容的css属性，键值对形式
- * @cfg {Object} bodyStyle
- */
- /**
- * 应用到控件内容的css属性，键值对形式
- * @type {Object}
- * @protected
- */
- bodyStyle: {
- view: 1
- },
- /**
- * 应用到控件底部的css属性，键值对形式
- * @cfg {Object} footerStyle
- */
- /**
- * 应用到控件底部的css属性，键值对形式
- * @type {Object}
- * @protected
- */
- footerStyle: {
- view: 1
- },
- /**
- * 应用到控件头部的css属性，键值对形式
- * @cfg {Object} headerStyle
- */
- /**
- * 应用到控件头部的css属性，键值对形式
- * @type {Object}
- * @protected
- */
- headerStyle: {
- view: 1
- },
- /**
- * 控件头部的html
- *
- * var dialog = new Dialog({
- * headerContent: '<div class="header"></div>',
- * bodyContent : '#c1',
- * footerContent : '<div class="footer"></div>'
- * });
- * dialog.show();
- *
- * var dialog = new Dialog({
- * headerContent: '<div class="header"></div>',
- * bodyContent : '#c1',
- * footerContent : '<div class="footer"></div>'
- * });
- * dialog.show();
- *
- * var dialog = new Dialog({
- * headerContent: '<div class="header"></div>',
- * bodyContent : '#c1',
- * footerContent : '<div class="footer"></div>'
- * });
- * dialog.show();
- *
- * new Form.Form({
- * srcNode : '#J_Form'
- * }).render();
- *
- *
- * //会生成以下配置项：
- * {
- * name : 'txtName',
- * id : 'id',
- * allowBlank:false
- * }
- * new Form.Field({
- * src:'#c1'
- * }).render();
- *
- * var list = new List.List({
- * tpl : '<div class="toolbar"></div><ul></ul>',
- * childContainer : 'ul'
- * });
- * //用于统一子控件模板
- * var list = new List.List({
- * defaultChildCfg : {
- * tpl : '<span>{text}</span>'
- * }
- * });
- * list.render();
- *
- * list.set('tpl','<div class="toolbar"></div><ul></ul><div class="bottom"></div>')
- * 控件的渲染函数，应对一些简单模板解决不了的问题，例如有if,else逻辑，有循环逻辑, - * 函数原型是function(data){},其中data是控件的属性值
- *控件模板的加强模式，此属性会覆盖@see {BUI.Component.UIBase.Tpl#property-tpl}属性
- * //用于统一子控件模板 - * var list = new List.List({ - * defaultChildCfg : { - * tplRender : funciton(item){ - * if(item.type == '1'){ - * return 'type1 html'; - * }else{ - * return 'type2 html'; - * } - * } - * } - * }); - * list.render(); - * @cfg {Function} tplRender - */ - tplRender: { - view: true, - value: null - }, - /** - * 这是一个选择器，使用了模板后，子控件可能会添加到模板对应的位置, - * - 默认为null,此时子控件会将控件最外层 el 作为容器 - *
- * var list = new List.List({
- * tpl : '<div class="toolbar"></div><ul></ul>',
- * childContainer : 'ul'
- * });
- *
- * var control = new Control({
- * defaultChildCfg : {
- * tpl : '<li>{text}</li>',
- * xclass : 'a-b'
- * }
- * });
- *
- * BUI.use(['bui/list','bui/data','bui/mask'],function(List,Data,Mask){
- * var store = new Data.Store({
- * url : 'data/xx.json'
- * });
- * var list = new List.SimpleList({
- * render : '#l1',
- * store : store,
- * loadMask : new Mask.LoadMask({el : '#t1'})
- * });
- *
- * list.render();
- * store.load();
- * });
- *
- * var store = new Data.Store({
- * url : 'data/xx.json',
- * autoLoad : true
- * });
- *
- * var list = new List.SimpleList({
- * render : '#l1',
- * store : store
- * });
- *
- * list.render();
- *
- * var store = list.get('store');
- *
- * BUI.use(['bui/list','bui/data','bui/mask'],function(List,Data,Mask){
- * var store = new Data.Store({
- * url : 'data/xx.json'
- * });
- * var list = new List.SimpleList({
- * render : '#l1',
- * store : store,
- * loadMask : new Mask.LoadMask({el : '#t1'})
- * });
- *
- * list.render();
- * store.load();
- * });
- *
- * var control = new Control({
- * depends : {
- * '#btn:click':['toggle'],//当点击id为'btn'的按钮时，执行 control 的toggle方法
- * '#checkbox1:checked':['show'],//当勾选checkbox时，显示控件
- * '#menu:click',function(){}
- * }
- * });
- * - * 一个依赖是注册一个事件，所以需要在一个依赖中提供： - *
-
- *
- 绑定源：为了方便配置，我们使用 #id来指定绑定源，可以使控件的ID（只支持继承{BUI.Component.Controller}的控件），也可以是DOM的id - *
- 事件名：事件名是一个使用":"为前缀的字符串，例如 "#id:change",即监听change事件 - *
- 触发的方法：可以是一个数组，如["disable","clear"],数组里面是控件的方法名，也可以是一个回调函数 - *
- * var control = new Control({
- * depends : {
- * '#btn:click':['toggle'],//当点击id为'btn'的按钮时，执行 control 的toggle方法
- * '#checkbox1:checked':['show'],//当勾选checkbox时，显示控件
- * '#menu:click',function(){}
- * }
- * });
- *
- * form.addDependence('#btn:click',['toggle']); //当按钮#btn点击时，表单交替显示隐藏
- *
- * form.addDependence('#btn:click',function(){//当按钮#btn点击时，表单交替显示隐藏
- * //TO DO
- * });
- *
- * form.removeDependence('#btn:click'); //当按钮#btn点击时，表单不在监听
- *
- * form.clearDependences();
- *
- * var Control = Controller.extend([mixin1,mixin2],{ //原型链上的函数
- * renderUI : function(){ //创建DOM
- *
- * },
- * bindUI : function(){ //绑定事件
- *
- * },
- * destructor : funciton(){ //析构函数
- *
- * }
- * },{
- * ATTRS : { //默认的属性
- * text : {
- *
- * }
- * }
- * },{
- * xclass : 'a' //用于把对象解析成类
- * });
- *
- * var c1 = new Control({
- * render : '#t1', //在t1上创建
- * text : 'text1',
- * children : [{xclass : 'a',text : 'a1'},{xclass : 'b',text : 'b1'}]
- * });
- *
- * c1.render();
- *
- * var control = new Control();
- * $(document).on('click',function(ev){
- * var target = ev.target;
- *
- * if(!control.containsElement(elem)){ //未点击在控件内部
- * control.hide();
- * }
- * });
- *
- * control.show(); //显示
- * control.toggle(); //隐藏
- * control.toggle(); //显示
- *
- * control.disable(); //禁用
- * control.enable(); //解除禁用
- *
- * control.add(new Control());//添加controller对象
- * control.add({xclass : 'a'});//添加xclass 为a 的一个对象
- * control.add({xclass : 'b'},2);//插入到第三个位置
- *
- * control.remove(); //将控件从父控件中移除，并未删除
- * parent.addChild(control); //还可以添加回父控件
- *
- * control.remove(true); //从控件中移除并调用控件的析构函数
- *
- * var child = control.getChild(id);
- * control.removeChild(child); //仅仅移除
- *
- * control.removeChild(child,true); //移除，并调用析构函数
- *
- * control.removeChildren();//删除所有子控件
- * control.removeChildren(true);//删除所有子控件，并调用子控件的析构函数
- *
- * control.getChildAt(0);//获取第一个子控件
- * control.getChildAt(2); //获取第三个子控件
- *
- * control.getChild('id'); //从控件的直接子控件中查找
- * control.getChild('id',true);//递归查找所有子控件，包含子控件的子控件
- *
- * control.getChildBy(function(child){//从控件的直接子控件中查找
- * return child.get('id') = '1243';
- * });
- *
- * control.getChild(function(child){//递归查找所有子控件，包含子控件的子控件
- * return child.get('id') = '1243';
- * },true);
- *
- * control.getChildrenBy(function(child){//从控件的直接子控件中查找
- * return child.get('type') = '1';
- * });
- *
- * control.getChildrenBy(function(child){//递归查找所有子控件，包含子控件的子控件
- * return child.get('type') = '1';
- * },true);
- *
- * control.eachChild(function(child,index){ //遍历子控件
- *
- * });
- *
- * new Control({
- * content : '内容',
- * render : '#c1'
- * });
- *
- * new Control({
- * elTagName : 'ul',
- * content : '内容 ', //控件的DOM <ul><li>内容</li></ul>
- * render : '#c1'
- * });
- *
- * A.ATTRS = {
- * defaultChildClass : {
- * value : 'b'
- * }
- * }
- * //类B 的xclass = 'b'类 B1的xclass = 'b-1',类 B2的xclass = 'b-2',那么
- * var a = new A({
- * children : [
- * {content : 'b'}, //B类
- * {content : 'b1',xtype:'1'}, //B1类
- * {content : 'b2',xtype:'2'}, //B2类
- * ]
- * });
- *
- * new Control({
- * width : 200 // 200,'200px','20%'
- * });
- *
- * control.set('width',200);
- * control.set('width','200px');
- * control.set('width','20%');
- *
- * new Control({
- * height : 200 // 200,'200px','20%'
- * });
- *
- * control.set('height',200);
- * control.set('height','200px');
- * control.set('height','20%');
- *
- * new Control({
- * elCls : 'test',
- * content : '内容',
- * render : '#t1' //<div id='t1'><div class="test">内容</div></div>
- * });
- *
- * var cfg = {elStyle : {width:'100px', height:'200px'}};
- *
- * control.set('elStyle', {
- * width:'100px',
- * height:'200px'
- * });
- *
- * new Control({
- * elAttrs :{title : 'tips'}
- * });
- *
- * new Control({
- * elBefore : '#t1'
- * });
- *
- * new Control({
- * render : '#t1',
- * elCls : 'test',
- * content : '123' //<div id="t1"><div class="test bui-xclass"><span>123</span></div></div>
- * });
- * -
- *
- hover - *
- focused - *
- active - *
- disabled - *
- * new Control({
- * visibleMode: 'visibility'
- * });
- *
- * control.set('visibleMode','display')
- *
- * new Control({
- * visible : false //隐藏
- * });
- *
- * control.set('visible',true); //control.show();
- * control.set('visible',false); //control.hide();
- * - * 2. Whether not to lose last component's focus if click current one (set false). - * - * Defaults to: false. - * @type {Boolean} - * @property allowTextSelection - * @protected - */ - /** - * @ignore - */ - allowTextSelection: { - // 和 focusable 分离 - // grid 需求：容器允许选择里面内容 - value: true - }, - - /** - * 控件是否可以激活 - * @default true. - * @type {Boolean} - * @protected - */ - activeable: { - value: true - }, - - /** - * 控件是否获取焦点 - * @type {Boolean} - * @readOnly - */ - focused: { - view: 1 - }, - - /** - * 控件是否处于激活状态，按钮按下还未抬起 - * @type {Boolean} - * @default false - * @protected - */ - active: { - view: 1 - }, - /** - * 控件是否高亮 - * @cfg {Boolean} highlighted - * @ignore - */ - /** - * 控件是否高亮 - * @type {Boolean} - * @protected - */ - highlighted: { - view: 1 - }, - /** - * 子控件集合 - * @cfg {BUI.Component.Controller[]} children - */ - /** - * 子控件集合 - * @type {BUI.Component.Controller[]} - */ - children: { - sync: false, - shared: false, - value: [] /**/ - }, - /** - * 控件的CSS前缀 - * @cfg {String} [prefixCls = BUI.prefix] - */ - /** - * 控件的CSS前缀 - * @type {String} - * @default BUI.prefix - */ - prefixCls: { - value: BUI.prefix, // box srcNode need - view: 1 - }, - - /** - * 父控件 - * @cfg {BUI.Component.Controller} parent - * @ignore - */ - /** - * 父控件 - * @type {BUI.Component.Controller} - */ - parent: { - setter: function(p) { - // 事件冒泡源 - this.addTarget(p); - } - }, - - /** - * 禁用控件 - * @cfg {Boolean} [disabled = false] - */ - /** - * 禁用控件 - *
- * control.set('disabled',true); //== control.disable();
- * control.set('disabled',false); //== control.enable();
- *
- *
- * defaultLoader : {
- * value : {
- * property : 'content',
- * autoLoad : true
- * }
- * }
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/children.json',
- * property : 'children',
- * dataType : 'json'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * autoLoad : false
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * lazyLoad : {
- * event : 'show',
- * repeat : true
- * }
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.List.SimpleList({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * dataType : 'json',
- * property : 'items'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * loadMask : true
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * dataType : 'json',
- * property : 'items'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * params : {
- * a : 'a',
- * b : 'b'
- * }
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * callback : function(text){
- * var target = this.get('target');//control
- * //TO DO
- * }
- * }
- * });
- *
- * control.render();
- *
- * var Control = function(cfg){
- * Control.superclass.constructor.call(this,cfg); //调用BUI.Base的构造方法，将配置项变成属性
- * };
- *
- * BUI.extend(Control,BUI.Base);
- *
- * Control.ATTRS = {
- * id : {
- * value : 'id' //value 是此属性的默认值
- * },
- * renderTo : {
- *
- * },
- * el : {
- * valueFn : function(){ //第一次调用的时候将renderTo的DOM转换成el属性
- * return $(this.get('renderTo'));
- * }
- * },
- * text : {
- * getter : function(){ //getter 用于获取值，而不是设置的值
- * return this.get('el').val();
- * },
- * setter : function(v){ //不仅仅是设置值，可以进行相应的操作
- * this.get('el').val(v);
- * }
- * }
- * };
- *
- * BUI.augment(Control,{
- * getText : function(){
- * return this.get('text'); //可以用get方法获取属性值
- * },
- * setText : function(txt){
- * this.set('text',txt); //使用set 设置属性值
- * }
- * });
- *
- * var c = new Control({
- * id : 'oldId',
- * text : '测试文本',
- * renderTo : '#t1'
- * });
- *
- * var el = c.get(el); //$(#t1);
- * el.val(); //text的值 ： '测试文本'
- * c.set('text','修改的值');
- * el.val(); //'修改的值'
- *
- * c.set('id','newId') //会触发2个事件： beforeIdChange,afterIdChange 2个事件 ev.newVal 和ev.prevVal标示新旧值
- *
- * var control = new Control({
- * text : 'control text'
- * });
- * control.get('text'); //control text
- *
- * control.set('customValue','value'); //临时变量
- * control.get('customValue'); //value
- *
- * Control.ATTRS = { //声明属性值
- * text : {
- * valueFn : function(){},
- * value : 'value',
- * getter : function(v){}
- * }
- * };
- * var c = new Control({
- * text : 'text value'
- * });
- * //get 函数取的顺序为：是否有修改值（配置项、set)、默认值（第一次调用执行valueFn)，如果有getter，则将值传入getter返回
- *
- * c.get('text') //text value
- * c.set('text','new text');//修改值
- * c.get('text');//new text
- *
- * control.on('beforeTextChange',function(ev){
- * var newVal = ev.newVal,
- * attrName = ev.attrName,
- * preVal = ev.prevVal;
- *
- * //TO DO
- * });
- * control.set('text','new text'); //此时触发 beforeTextChange,afterTextChange
- * control.set('text','modify text',{silent : true}); //此时不触发事件
- *
- * control.setInternal('text','text');//此时不触发事件
- *
- *
- *
- * var Control = Controller.extend([mixin1,mixin2],{ //原型链上的函数
- * renderUI : function(){ //创建DOM
- *
- * },
- * bindUI : function(){ //绑定事件
- *
- * },
- * destructor : funciton(){ //析构函数
- *
- * }
- * },{
- * ATTRS : { //默认的属性
- * text : {
- *
- * }
- * }
- * },{
- * xclass : 'a' //用于把对象解析成类
- * });
- *
- * var c1 = new Control({
- * render : '#t1', //在t1上创建
- * text : 'text1',
- * children : [{xclass : 'a',text : 'a1'},{xclass : 'b',text : 'b1'}]
- * });
- *
- * c1.render();
- *
- * var control = new Control();
- * $(document).on('click',function(ev){
- * var target = ev.target;
- *
- * if(!control.containsElement(elem)){ //未点击在控件内部
- * control.hide();
- * }
- * });
- *
- * control.show(); //显示
- * control.toggle(); //隐藏
- * control.toggle(); //显示
- *
- * control.disable(); //禁用
- * control.enable(); //解除禁用
- *
- * control.add(new Control());//添加controller对象
- * control.add({xclass : 'a'});//添加xclass 为a 的一个对象
- * control.add({xclass : 'b'},2);//插入到第三个位置
- *
- * control.remove(); //将控件从父控件中移除，并未删除
- * parent.addChild(control); //还可以添加回父控件
- *
- * control.remove(true); //从控件中移除并调用控件的析构函数
- *
- * var child = control.getChild(id);
- * control.removeChild(child); //仅仅移除
- *
- * control.removeChild(child,true); //移除，并调用析构函数
- *
- * control.removeChildren();//删除所有子控件
- * control.removeChildren(true);//删除所有子控件，并调用子控件的析构函数
- *
- * control.getChildAt(0);//获取第一个子控件
- * control.getChildAt(2); //获取第三个子控件
- *
- * control.getChild('id'); //从控件的直接子控件中查找
- * control.getChild('id',true);//递归查找所有子控件，包含子控件的子控件
- *
- * control.getChildBy(function(child){//从控件的直接子控件中查找
- * return child.get('id') = '1243';
- * });
- *
- * control.getChild(function(child){//递归查找所有子控件，包含子控件的子控件
- * return child.get('id') = '1243';
- * },true);
- *
- * control.getChildrenBy(function(child){//从控件的直接子控件中查找
- * return child.get('type') = '1';
- * });
- *
- * control.getChildrenBy(function(child){//递归查找所有子控件，包含子控件的子控件
- * return child.get('type') = '1';
- * },true);
- *
- * control.eachChild(function(child,index){ //遍历子控件
- *
- * });
- *
- * new Control({
- * content : '内容',
- * render : '#c1'
- * });
- *
- * new Control({
- * elTagName : 'ul',
- * content : '内容 ', //控件的DOM <ul><li>内容</li></ul>
- * render : '#c1'
- * });
- *
- * A.ATTRS = {
- * defaultChildClass : {
- * value : 'b'
- * }
- * }
- * //类B 的xclass = 'b'类 B1的xclass = 'b-1',类 B2的xclass = 'b-2',那么
- * var a = new A({
- * children : [
- * {content : 'b'}, //B类
- * {content : 'b1',xtype:'1'}, //B1类
- * {content : 'b2',xtype:'2'}, //B2类
- * ]
- * });
- *
- * new Control({
- * width : 200 // 200,'200px','20%'
- * });
- *
- * control.set('width',200);
- * control.set('width','200px');
- * control.set('width','20%');
- *
- * new Control({
- * height : 200 // 200,'200px','20%'
- * });
- *
- * control.set('height',200);
- * control.set('height','200px');
- * control.set('height','20%');
- *
- * new Control({
- * elCls : 'test',
- * content : '内容',
- * render : '#t1' //<div id='t1'><div class="test">内容</div></div>
- * });
- *
- * var cfg = {elStyle : {width:'100px', height:'200px'}};
- *
- * control.set('elStyle', {
- * width:'100px',
- * height:'200px'
- * });
- *
- * new Control({
- * elAttrs :{title : 'tips'}
- * });
- *
- * new Control({
- * elBefore : '#t1'
- * });
- *
- * new Control({
- * render : '#t1',
- * elCls : 'test',
- * content : '123' //<div id="t1"><div class="test bui-xclass"><span>123</span></div></div>
- * });
- * -
- *
- hover - *
- focused - *
- active - *
- disabled - *
- * new Control({
- * visibleMode: 'visibility'
- * });
- *
- * control.set('visibleMode','display')
- *
- * new Control({
- * visible : false //隐藏
- * });
- *
- * control.set('visible',true); //control.show();
- * control.set('visible',false); //control.hide();
- * - * 2. Whether not to lose last component's focus if click current one (set false). - * - * Defaults to: false. - * @type {Boolean} - * @property allowTextSelection - * @protected - */ - /** - * @ignore - */ - allowTextSelection: { - // 和 focusable 分离 - // grid 需求：容器允许选择里面内容 - value: true - }, - - /** - * 控件是否可以激活 - * @default true. - * @type {Boolean} - * @protected - */ - activeable: { - value: true - }, - - /** - * 控件是否获取焦点 - * @type {Boolean} - * @readOnly - */ - focused: { - view: 1 - }, - - /** - * 控件是否处于激活状态，按钮按下还未抬起 - * @type {Boolean} - * @default false - * @protected - */ - active: { - view: 1 - }, - /** - * 控件是否高亮 - * @cfg {Boolean} highlighted - * @ignore - */ - /** - * 控件是否高亮 - * @type {Boolean} - * @protected - */ - highlighted: { - view: 1 - }, - /** - * 子控件集合 - * @cfg {BUI.Component.Controller[]} children - */ - /** - * 子控件集合 - * @type {BUI.Component.Controller[]} - */ - children: { - sync: false, - shared: false, - value: [] /**/ - }, - /** - * 控件的CSS前缀 - * @cfg {String} [prefixCls = BUI.prefix] - */ - /** - * 控件的CSS前缀 - * @type {String} - * @default BUI.prefix - */ - prefixCls: { - value: BUI.prefix, // box srcNode need - view: 1 - }, - - /** - * 父控件 - * @cfg {BUI.Component.Controller} parent - * @ignore - */ - /** - * 父控件 - * @type {BUI.Component.Controller} - */ - parent: { - setter: function(p) { - // 事件冒泡源 - this.addTarget(p); - } - }, - - /** - * 禁用控件 - * @cfg {Boolean} [disabled = false] - */ - /** - * 禁用控件 - *
- * control.set('disabled',true); //== control.disable();
- * control.set('disabled',false); //== control.enable();
- *
- *
- * defaultLoader : {
- * value : {
- * property : 'content',
- * autoLoad : true
- * }
- * }
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/children.json',
- * property : 'children',
- * dataType : 'json'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * autoLoad : false
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * lazyLoad : {
- * event : 'show',
- * repeat : true
- * }
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.List.SimpleList({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * dataType : 'json',
- * property : 'items'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * loadMask : true
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * dataType : 'json',
- * property : 'items'
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * params : {
- * a : 'a',
- * b : 'b'
- * }
- * }
- * });
- *
- * control.render();
- *
- * var control = new BUI.Component.Controller({
- * render : '#c1',
- * loader : {
- * url : 'data/text.json',
- * callback : function(text){
- * var target = this.get('target');//control
- * //TO DO
- * }
- * }
- * });
- *
- * control.render();
- *
- * var overlay = new Overlay( {
- * align :{
- * node: null, // 参考元素, falsy 或 window 为可视区域, 'trigger' 为触发元素, 其他为指定元素
- * points: ['cc','cc'], // ['tr', 'tl'] 表示 overlay 的 tl 与参考节点的 tr 对齐
- * offset: [0, 0] // 有效值为 [n, m]
- * }
- * });
- *
- * var align = {
- * node: null, // 参考元素, falsy 或 window 为可视区域, 'trigger' 为触发元素, 其他为指定元素
- * points: ['cc','cc'], // ['tr', 'tl'] 表示 overlay 的 tl 与参考节点的 tr 对齐
- * offset: [0, 0] // 有效值为 [n, m]
- * };
- * overlay.set('align',align);
- *
- */
- align:{
- shared : false,
- value:{}
- }
-};
-
-function getRegion(node) {
- var offset, w, h;
- if (node.length && !$.isWindow(node[0])) {
- offset = node.offset();
- w = node.outerWidth();
- h = node.outerHeight();
- } else {
- offset = { left:BUI.scrollLeft(), top:BUI.scrollTop() };
- w = BUI.viewportWidth();
- h = BUI.viewportHeight();
- }
- offset.width = w;
- offset.height = h;
- return offset;
-}
-
-/**
- * 获取 node 上的 align 对齐点 相对于页面的坐标
- * @param region
- * @param align
- */
-function getAlignOffset(region, align) {
- var V = align.charAt(0),
- H = align.charAt(1),
- w = region.width,
- h = region.height,
- x, y;
-
- x = region.left;
- y = region.top;
-
- if (V === 'c') {
- y += h / 2;
- } else if (V === 'b') {
- y += h;
- }
-
- if (H === 'c') {
- x += w / 2;
- } else if (H === 'r') {
- x += w;
- }
-
- return { left:x, top:y };
-}
-
-//清除对齐的css样式
-function clearAlignCls(el){
- var cls = el.attr('class'),
- regex = new RegExp('\s?'+CLS_ALIGN_PREFIX+'[a-z]{2}-[a-z]{2}','ig'),
- arr = regex.exec(cls);
- if(arr){
- el.removeClass(arr.join(' '));
- }
-}
-
-Align.prototype =
-{
- _uiSetAlign:function (v,ev) {
- var alignCls = '',
- el,
- selfAlign; //points 的第二个参数，是自己对齐于其他节点的的方式
- if (v && v.points) {
- this.align(v.node, v.points, v.offset, v.overflow);
- this.set('cachePosition',null);
- el = this.get('el');
- clearAlignCls(el);
- selfAlign = v.points.join('-');
- alignCls = CLS_ALIGN_PREFIX + selfAlign;
- el.addClass(alignCls);
- /**/
- }
- },
- __bindUI : function(){
- var _self = this;
-
- var fn = BUI.wrapBehavior(_self,'handleWindowResize');
-
- _self.on('show',function(){
- $(window).on('resize',fn);
- });
-
- _self.on('hide',function(){
- $(window).off('resize',fn);
- });
- },
- //处理window resize事件
- handleWindowResize : function(){
- var _self = this,
- align = _self.get('align');
-
- _self.set('align',align);
- },
- /*
- 对齐 Overlay 到 node 的 points 点, 偏移 offset 处
- @method
- @ignore
- @param {Element} node 参照元素, 可取配置选项中的设置, 也可是一元素
- @param {String[]} points 对齐方式
- @param {Number[]} [offset] 偏移
- */
- align:function (refNode, points, offset, overflow) {
- refNode = $(refNode || win);
- offset = offset && [].concat(offset) || [0, 0];
- overflow = overflow || {};
-
- var self = this,
- el = self.get('el'),
- fail = 0,
- // 当前节点可以被放置的显示区域
- visibleRect = getVisibleRectForElement(el[0]),
- // 当前节点所占的区域, left/top/width/height
- elRegion = getRegion(el),
- // 参照节点所占的区域, left/top/width/height
- refNodeRegion = getRegion(refNode),
- // 当前节点将要被放置的位置
- elFuturePos = getElFuturePos(elRegion, refNodeRegion, points, offset),
- // 当前节点将要所处的区域
- newElRegion = BUI.merge(elRegion, elFuturePos);
-
- // 如果可视区域不能完全放置当前节点时允许调整
- if (visibleRect && (overflow.adjustX || overflow.adjustY)) {
-
- // 如果横向不能放下
- if (isFailX(elFuturePos, elRegion, visibleRect)) {
- fail = 1;
- // 对齐位置反下
- points = flip(points, /[lr]/ig, {
- l:'r',
- r:'l'
- });
- // 偏移量也反下
- offset = flipOffset(offset, 0);
- }
-
- // 如果纵向不能放下
- if (isFailY(elFuturePos, elRegion, visibleRect)) {
- fail = 1;
- // 对齐位置反下
- points = flip(points, /[tb]/ig, {
- t:'b',
- b:'t'
- });
- // 偏移量也反下
- offset = flipOffset(offset, 1);
- }
-
- // 如果失败，重新计算当前节点将要被放置的位置
- if (fail) {
- elFuturePos = getElFuturePos(elRegion, refNodeRegion, points, offset);
- BUI.mix(newElRegion, elFuturePos);
- }
-
- var newOverflowCfg = {};
-
- // 检查反下后的位置是否可以放下了
- // 如果仍然放不下只有指定了可以调整当前方向才调整
- newOverflowCfg.adjustX = overflow.adjustX &&
- isFailX(elFuturePos, elRegion, visibleRect);
-
- newOverflowCfg.adjustY = overflow.adjustY &&
- isFailY(elFuturePos, elRegion, visibleRect);
-
- // 确实要调整，甚至可能会调整高度宽度
- if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) {
- newElRegion = adjustForViewport(elFuturePos, elRegion,
- visibleRect, newOverflowCfg);
- }
- }
-
- // 新区域位置发生了变化
- if (newElRegion.left != elRegion.left) {
- self.setInternal('x', null);
- self.get('view').setInternal('x', null);
- self.set('x', newElRegion.left);
- }
-
- if (newElRegion.top != elRegion.top) {
- // https://github.com/kissyteam/kissy/issues/190
- // 相对于屏幕位置没变，而 left/top 变了
- // 例如
- * control.center('#t1'); //控件处于容器#t1的中间位置
- *
- * var overlay = new Overlay({ //点击#t1时显示，点击#t1之外的元素隐藏
- * trigger : '#t1',
- * autoHide : true,
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- * var overlay = new Overlay({ //移动到#t1时显示，移动出#t1,overlay之外控件隐藏
- * trigger : '#t1',
- * autoHide : true,
- * triggerEvent :'mouseover',
- * autoHideType : 'leave',
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- *
- *
- * var overlay = new Overlay({ //点击#t1时显示，点击#t1,overlay之外的元素隐藏
- * trigger : '#t1',
- * autoHide : true,
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- *
- * var overlay = new Overlay({ //点击#t1时显示，点击#t1,#t2,overlay之外的元素隐藏
- * trigger : '#t1',
- * autoHide : true,
- * hideExceptNode : '#t2',
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- * overlay.on('autohide',function(){
- * var curTrigger = overlay.curTrigger; //当前触发的项
- * if(condtion){
- * return false; //阻止隐藏
- * }
- * });
- *
- * var overlay = new Overlay({ //点击#t1时显示，点击#t1,overlay之外的元素隐藏
- * trigger : '#t1',
- * autoHide : true,
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- * var overlay = new Overlay({ //点击.t1(无论创建控件时.t1是否存在)时显示，点击.t1,overlay之外的元素隐藏
- * trigger : '.t1',
- * autoHide : true,
- * delegateTrigger : true, //使用委托的方式触发显示控件
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- * overlay.on('show',function(){
- * var curTrigger = overlay.get('curTrigger');
- * //TO DO
- * });
- *
- * var overlay = new Overlay({ //移动到#t1时显示，移动出#t1,overlay之外控件隐藏
- * trigger : '#t1',
- * autoHide : true,
- * triggerEvent :'mouseover',
- * autoHideType : 'leave',
- * content : '悬浮内容'
- * });
- * overlay.render();
- *
- *
- * overlay.on('triggerchange',function(ev){
- * var curTrigger = ev.curTrigger;
- * overlay.set('content',curTrigger.html());
- * });
- *
- *
- *
- * //默认状态下创建对象，并没有进行render
- * var control = new Control();
- * control.render(); //需要调用render方法
- *
- * //设置autoRender后，不需要调用render方法
- * var control = new Control({
- * autoRender : true
- * });
- *
- * var grid = new Grid({
- * columns : [{},{}],
- * plugins : [Grid.Plugins.RadioSelection]
- * });
- *
- * BUI.use(['bui/list','bui/data','bui/mask'],function(List,Data,Mask){
- * var store = new Data.Store({
- * url : 'data/xx.json'
- * });
- * var list = new List.SimpleList({
- * render : '#l1',
- * store : store,
- * loadMask : new Mask.LoadMask({el : '#t1'})
- * });
- *
- * list.render();
- * store.load();
- * });
- *
- * var store = new Data.Store({
- * url : 'data/xx.json',
- * autoLoad : true
- * });
- *
- * var list = new List.SimpleList({
- * render : '#l1',
- * store : store
- * });
- *
- * list.render();
- *
- * var store = list.get('store');
- *
- * BUI.use(['bui/list','bui/data','bui/mask'],function(List,Data,Mask){
- * var store = new Data.Store({
- * url : 'data/xx.json'
- * });
- * var list = new List.SimpleList({
- * render : '#l1',
- * store : store,
- * loadMask : new Mask.LoadMask({el : '#t1'})
- * });
- *
- * list.render();
- * store.load();
- * });
- *
- * var control = new Control({
- * defaultChildCfg : {
- * tpl : '<li>{text}</li>',
- * xclass : 'a-b'
- * }
- * });
- *
- * var overlay = new Overlay({
- * closeTpl : 'x',
- * closeable : true,
- * trigger : '#t1'
- * });
- * overlay.render();
- * - * - * - "hide" : default 隐藏. - * - "destroy"：当点击关闭按钮时移除（destroy)控件 - * - 'remove' : 当存在父控件时使用remove，同时从父元素中删除 - * @cfg {String} [closeAction = 'hide'] - */ - /** - * 关闭时隐藏还是移除DOM结构 - * default "hide".可以设置 "destroy" ，当点击关闭按钮时移除（destroy)控件 - * @type {String} - * @protected - */ - closeAction: { - value: HIDE - } - - /** - * @event closing - * 正在关闭，可以通过return false 阻止关闭事件 - * @param {Object} e 关闭事件 - * @param {String} e.action 关闭执行的行为，hide,destroy,remove - */ - - /** - * @event beforeclosed - * 关闭前，发生在closing后，closed前，用于处理关闭前的一些工作 - * @param {Object} e 关闭事件 - * @param {String} e.action 关闭执行的行为，hide,destroy,remove - */ - - /** - * @event closed - * 已经关闭 - * @param {Object} e 关闭事件 - * @param {String} e.action 关闭执行的行为，hide,destroy,remove - */ - - /** - * @event closeclick - * 触发点击关闭按钮的事件,return false 阻止关闭 - * @param {Object} e 关闭事件 - * @param {String} e.domTarget 点击的关闭按钮节点 - */ -}; - -var actions = { - hide: HIDE, - destroy: 'destroy', - remove: 'remove' -}; - -Close.prototype = { - _uiSetCloseable: function(v) { - var self = this; - if (v && !self.__bindCloseEvent) { - self.__bindCloseEvent = 1; - self.get('closeBtn').on('click', function(ev) { - if (self.fire('closeclick', { - domTarget: ev.target - }) !== false) { - self.close(); - } - ev.preventDefault(); - }); - } - }, - __destructor: function() { - var btn = this.get('closeBtn'); - btn && btn.detach(); - }, - /** - * 关闭弹出框，如果closeAction = 'hide'那么就是隐藏，如果 closeAction = 'destroy'那么就是释放,'remove'从父控件中删除，并释放 - */ - close: function() { - var self = this, - action = actions[self.get('closeAction') || HIDE]; - if (self.fire('closing', { - action: action - }) !== false) { - self.fire('beforeclosed', { - action: action - }); - if (action == 'remove') { //移除时同时destroy - self[action](true); - } else { - self[action](); - } - self.fire('closed', { - action: action - }); - } - } -}; - -Close.View = CloseView; - -module.exports = Close; diff --git a/spm_modules/bui-common/1.1.2/src/component/uibase/collapsable.js b/spm_modules/bui-common/1.1.2/src/component/uibase/collapsable.js deleted file mode 100644 index 08479d5..0000000 --- a/spm_modules/bui-common/1.1.2/src/component/uibase/collapsable.js +++ /dev/null @@ -1,94 +0,0 @@ -/** - * @fileOverview 可以展开折叠的控件 - * @ignore - */ - - -/** - * 控件展开折叠的视图类 - * @class BUI.Component.UIBase.CollapsableView - * @private - */ -var collapsableView = function() { - -}; - -collapsableView.ATTRS = { - collapsed: {} -} - -collapsableView.prototype = { - //设置收缩样式 - _uiSetCollapsed: function(v) { - var _self = this, - cls = _self.getStatusCls('collapsed'), - el = _self.get('el'); - if (v) { - el.addClass(cls); - } else { - el.removeClass(cls); - } - } -} -/** - * 控件展开折叠的扩展 - * @class BUI.Component.UIBase.Collapsable - */ -var collapsable = function() { - -}; - -collapsable.ATTRS = { - /** - * 是否可折叠 - * @type {Boolean} - */ - collapsable: { - value: false - }, - /** - * 是否已经折叠 collapsed - * @cfg {Boolean} collapsed - */ - /** - * 是否已经折叠 - * @type {Boolean} - */ - collapsed: { - view: true, - value: false - }, - events: { - value: { - /** - * 控件展开 - * @event - * @param {Object} e 事件对象 - * @param {BUI.Component.Controller} target 控件 - */ - 'expanded': true, - /** - * 控件折叠 - * @event - * @param {Object} e 事件对象 - * @param {BUI.Component.Controller} target 控件 - */ - 'collapsed': true - } - } -}; - -collapsable.prototype = { - _uiSetCollapsed: function(v) { - var _self = this; - if (v) { - _self.fire('collapsed'); - } else { - _self.fire('expanded'); - } - } -}; - -collapsable.View = collapsableView; - -module.exports = collapsable; diff --git a/spm_modules/bui-common/1.1.2/src/component/uibase/decorate.js b/spm_modules/bui-common/1.1.2/src/component/uibase/decorate.js deleted file mode 100644 index e5a7520..0000000 --- a/spm_modules/bui-common/1.1.2/src/component/uibase/decorate.js +++ /dev/null @@ -1,335 +0,0 @@ -/** - * @fileOverview 使用wrapper - * @ignore - */ - - -var $ = require('jquery'), - ArrayUtil = require('../../array'), - JSON = require('../../json'), - prefixCls = BUI.prefix, - FIELD_PREFIX = 'data-', - FIELD_CFG = FIELD_PREFIX + 'cfg', - PARSER = 'PARSER', - Manager = require('../manage'), - RE_DASH_WORD = /-([a-z])/g, - regx = /^[\{\[]/; - -function isConfigField(name, cfgFields) { - if (cfgFields[name]) { - return true; - } - var reg = new RegExp("^" + FIELD_PREFIX); - if (name !== FIELD_CFG && reg.test(name)) { - return true; - } - return false; -} - -// 收集单继承链，子类在前，父类在后 -function collectConstructorChains(self) { - var constructorChains = [], - c = self.constructor; - while (c) { - constructorChains.push(c); - c = c.superclass && c.superclass.constructor; - } - return constructorChains; -} - -function camelCase(str) { - return str.toLowerCase().replace(RE_DASH_WORD, function(all, letter) { - return (letter + '').toUpperCase() - }) -} - -//如果属性为对象或者数组，则进行转换 -function parseFieldValue(value) { - - value = $.trim(value); - if (value.toLowerCase() === 'false') { - value = false - } else if (value.toLowerCase() === 'true') { - value = true - } else if (regx.test(value)) { - value = JSON.looseParse(value); - } else if (/\d/.test(value) && /[^a-z]/i.test(value)) { - var number = parseFloat(value) - if (number + '' === value) { - value = number - } - } - - return value; -} - -function setConfigFields(self, cfg) { - - var userConfig = self.userConfig || {}; - for (var p in cfg) { - // 用户设置过那么这里不从 dom 节点取 - // 用户设置 > html parser > default value - if (!(p in userConfig)) { - self.setInternal(p, cfg[p]); - } - } -} - -function applyParser(srcNode, parser) { - var self = this, - p, v, - userConfig = self.userConfig || {}; - - // 从 parser 中，默默设置属性，不触发事件 - for (p in parser) { - // 用户设置过那么这里不从 dom 节点取 - // 用户设置 > html parser > default value - if (!(p in userConfig)) { - v = parser[p]; - // 函数 - if (BUI.isFunction(v)) { - self.setInternal(p, v.call(self, srcNode)); - } - // 单选选择器 - else if (typeof v == 'string') { - self.setInternal(p, srcNode.find(v)); - } - // 多选选择器 - else if (BUI.isArray(v) && v[0]) { - self.setInternal(p, srcNode.find(v[0])) - } - } - } -} - -function initParser(self, srcNode) { - - var c = self.constructor, - len, - p, - constructorChains; - - constructorChains = collectConstructorChains(self); - - // 从父类到子类开始从 html 读取属性 - for (len = constructorChains.length - 1; len >= 0; len--) { - c = constructorChains[len]; - if (p = c[PARSER]) { - applyParser.call(self, srcNode, p); - } - } -} - -function initDecorate(self) { - var _self = self, - srcNode = _self.get('srcNode'), - userConfig, - decorateCfg; - if (srcNode) { - srcNode = $(srcNode); - _self.setInternal('el', srcNode); - _self.setInternal('srcNode', srcNode); - - userConfig = _self.get('userConfig'); - decorateCfg = _self.getDecorateConfig(srcNode); - setConfigFields(self, decorateCfg); - - //如果从DOM中读取子控件 - if (_self.get('isDecorateChild') && _self.decorateInternal) { - _self.decorateInternal(srcNode); - } - initParser(self, srcNode); - } -} - -/** - * @class BUI.Component.UIBase.Decorate - * 将DOM对象封装成控件 - */ -function decorate() { - initDecorate(this); -} - -decorate.ATTRS = { - - /** - * 配置控件的根节点的DOM - *
- * new Form.Form({
- * srcNode : '#J_Form'
- * }).render();
- *
- *
- * //会生成以下配置项：
- * {
- * name : 'txtName',
- * id : 'id',
- * allowBlank:false
- * }
- * new Form.Field({
- * src:'#c1'
- * }).render();
- *
- * var control = new Control({
- * depends : {
- * '#btn:click':['toggle'],//当点击id为'btn'的按钮时，执行 control 的toggle方法
- * '#checkbox1:checked':['show'],//当勾选checkbox时，显示控件
- * '#menu:click',function(){}
- * }
- * });
- * - * 一个依赖是注册一个事件，所以需要在一个依赖中提供： - *
-
- *
- 绑定源：为了方便配置，我们使用 #id来指定绑定源，可以使控件的ID（只支持继承{BUI.Component.Controller}的控件），也可以是DOM的id - *
- 事件名：事件名是一个使用":"为前缀的字符串，例如 "#id:change",即监听change事件 - *
- 触发的方法：可以是一个数组，如["disable","clear"],数组里面是控件的方法名，也可以是一个回调函数 - *
- * var control = new Control({
- * depends : {
- * '#btn:click':['toggle'],//当点击id为'btn'的按钮时，执行 control 的toggle方法
- * '#checkbox1:checked':['show'],//当勾选checkbox时，显示控件
- * '#menu:click',function(){}
- * }
- * });
- *
- * form.addDependence('#btn:click',['toggle']); //当按钮#btn点击时，表单交替显示隐藏
- *
- * form.addDependence('#btn:click',function(){//当按钮#btn点击时，表单交替显示隐藏
- * //TO DO
- * });
- *
- * form.removeDependence('#btn:click'); //当按钮#btn点击时，表单不在监听
- *
- * form.clearDependences();
- *
- * var Control = Overlay.extend([UIBase.Drag],{
- *
- * });
- *
- * var c = new Contol({ //拖动控件时，在#t2内
- * content : '',
- * dragNode : '#header',
- * constraint : '#t2'
- * });
- *
- * var Control = Overlay.extend([UIBase.Drag],{
- *
- * });
- *
- * var c = new Contol({ //拖动控件时，在#t2内
- * content : '',
- * dragNode : '#header',
- * constraint : '#t2'
- * });
- *
- * var Control = Overlay.extend([UIBase.Drag],{
- *
- * });
- *
- * var c = new Contol({ //拖动控件时，在#t2内
- * content : '',
- * dragNode : '#header',
- * constraint : '#t2'
- * });
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value',
- * render : '#t1',
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- * list.render();
- *
- * list.set('items',items); //列表会直接替换内容
- * //等同于
- * list.clearItems();
- * list.addItems(items);
- *
- * var list = new List.SimpleList({
- * itemTplRender : function(item){
- * if(item.type == '1'){
- * return '<li><img src="xxx.jpg"/>'+item.text+'</li>'
- * }else{
- * return '<li>item.text</li>'
- * }
- * },
- * idField : 'value',
- * render : '#t1',
- * items : [{value : '1',text : '1',type : '0'},{value : '2',text : '2',type : '1'}]
- * });
- * list.render();
- *
- * var list = new List.SimpleList({
- * render : '#t1',
- * itemStatusCls : {
- * selected : 'active', //默认样式为list-item-selected,现在变成'active'
- * hover : 'hover' //默认样式为list-item-hover,现在变成'hover'
- * },
- * items : [{id : '1',text : '1',type : '0'},{id : '2',text : '2',type : '1'}]
- * });
- * list.render();
- *
- * var count = list.getItemCount();
- *
- * var items = list.getItems();
- * //等同
- * list.get(items);
- *
- * var item = list.getFirstItem();
- * //等同
- * list.getItemAt(0);
- *
- * var item = list.getLastItem();
- * //等同
- * list.getItemAt(list.getItemCount()-1);
- *
- * var item = list.getItemAt(0); //获取第1个
- * var item = list.getItemAt(2); //获取第3个
- *
- * //如果idField = 'id'
- * var item = list.getItem('2');
- * //等同于
- * list.findItemByField('id','2');
- *
- * //如果idField = 'value'
- * var item = list.getItem('2');
- * //等同于
- * list.findItemByField('value','2');
- *
- * var index = list.indexOf(item); //返回索引，不存在则返回-1
- *
- * var items = [{id : '1',text : '1'},{id : '2',text : '2'}];
- * list.addItems(items);
- *
- * var items = [{id : '1',text : '1'},{id : '2',text : '2'}];
- * list.addItemsAt(items,0); // 在最前面插入
- * list.addItemsAt(items,2); //第三个位置插入
- *
- * var item = list.getItem('2');
- * list.text = '新内容'; //此时对应的DOM不会变化
- * list.updateItem(item); //DOM进行相应的变化
- *
- * list.addItem({id : '3',text : '3',type : '0'});
- *
- * list.addItemAt({id : '3',text : '3',type : '0'},0); //第一个位置
- *
- * list.clearItems();
- * //等同于
- * list.set('items',items);
- *
- * var item = list.getItem('1');
- * list.removeItem(item);
- *
- * var items = list.getSelection();
- * list.removeItems(items);
- *
- * list.removeItemAt(0); //删除第一个
- *
- * {
- * property : 'children',
- * dataType : 'json'
- * }
- *
- * @type {Object}
- */
- defaultLoaderCfg: {
- value: {
- property: 'children',
- dataType: 'json'
- }
- }
-});
-
-BUI.augment(childList, list, Selection, {
- //初始化，将items转换成children
- __init: function() {
- var _self = this,
- items = _self.get('items');
- if (items && _self.get('autoInitItems')) {
- _self.addItems(items);
- }
- _self.on('beforeRenderUI', function() {
- _self._beforeRenderUI();
- });
- },
- _uiSetItems: function(items) {
- var _self = this;
- //清理子控件
- _self.clearControl();
- _self.addItems(items);
- },
- //渲染子控件
- _beforeRenderUI: function() {
- var _self = this,
- children = _self.get('children'),
- items = _self.get('items');
- BUI.each(children, function(item) {
- beforeAddItem(_self, item);
- });
- },
- //绑定事件
- __bindUI: function() {
- var _self = this,
- selectedEvent = _self.get('selectedEvent');
-
- _self.on(selectedEvent, function(e) {
- var item = e.target;
- if (item.get('selectable')) {
- if (!item.get('selected')) {
- _self.setSelected(item);
- } else if (_self.get('multipleSelect')) {
- _self.clearSelected(item);
- }
- }
- });
-
- _self.on('click', function(e) {
- if (e.target !== _self) {
- _self.fire('itemclick', {
- item: e.target,
- domTarget: e.domTarget,
- domEvent: e
- });
- }
- });
- _self.on('beforeAddChild', function(ev) {
- beforeAddItem(_self, ev.child);
- });
- _self.on('beforeRemoveChild', function(ev) {
- var item = ev.child,
- selected = item.get('selected');
- //清理选中状态
- if (selected) {
- if (_self.get('multipleSelect')) {
- _self.clearSelected(item);
- } else {
- _self.setSelected(null);
- }
- }
- item.set('selected', false);
- });
- },
- /**
- * @protected
- * @override
- * 清除者列表项的DOM
- */
- clearControl: function() {
- this.removeChildren(true);
- },
- /**
- * 获取所有子控件
- * @return {Array} 子控件集合
- * @override
- */
- getItems: function() {
- return this.get('children');
- },
- /**
- * 更新列表项
- * @param {Object} item 选项值
- */
- updateItem: function(item) {
- var _self = this,
- idField = _self.get('idField'),
- element = _self.findItemByField(idField, item[idField]);
- if (element) {
- element.setTplContent();
- }
- return element;
- },
- /**
- * 删除项,子控件作为选项
- * @param {Object} element 子控件
- */
- removeItem: function(item) {
- var _self = this,
- idField = _self.get('idField');
- if (!(item instanceof BUI.Component.Controller)) {
- item = _self.findItemByField(idField, item[idField]);
- }
- this.removeChild(item, true);
- },
- /**
- * 在指定位置添加选项,此处选项指子控件
- * @param {Object|BUI.Component.Controller} item 子控件配置项、子控件
- * @param {Number} index 索引
- * @return {Object|BUI.Component.Controller} 子控件
- */
- addItemAt: function(item, index) {
- return this.addChild(item, index);
- },
- findItemByField: function(field, value, root) {
-
- root = root || this;
- var _self = this,
- children = root.get('children'),
- result = null;
- $(children).each(function(index, item) {
- if (item.get(field) == value) {
- result = item;
- } else if (item.get('children').length) {
- result = _self.findItemByField(field, value, item);
- }
- if (result) {
- return false;
- }
- });
- return result;
- },
- getItemText: function(item) {
- return item.get('el').text();
- },
- getValueByField: function(item, field) {
- return item && item.get(field);
- },
- /**
- * @protected
- * @ignore
- */
- setItemSelectedStatus: function(item, selected) {
- var _self = this,
- method = selected ? 'addClass' : 'removeClass',
- element = null;
-
- if (item) {
- item.set('selected', selected);
- element = item.get('el');
- }
- _self.afterSelected(item, selected, element);
- },
- /**
- * 选项是否被选中
- * @override
- * @param {*} item 选项
- * @return {Boolean} 是否选中
- */
- isItemSelected: function(item) {
- return item ? item.get('selected') : false;
- },
- /**
- * 设置所有选项选中
- * @override
- */
- setAllSelection: function() {
- var _self = this,
- items = _self.getItems();
- _self.setSelection(items);
- },
- /**
- * 获取选中的项的值
- * @return {Array}
- * @override
- * @ignore
- */
- getSelection: function() {
- var _self = this,
- items = _self.getItems(),
- rst = [];
- BUI.each(items, function(item) {
- if (_self.isItemSelected(item)) {
- rst.push(item);
- }
-
- });
- return rst;
- }
-});
-
-list.ChildList = childList;
-
-module.exports = list;
-
-/**
- * @ignore
- * 2013-1-22
- * 更改显示数据的方式，使用 _uiSetItems
- */
diff --git a/spm_modules/bui-common/1.1.2/src/component/uibase/listitem.js b/spm_modules/bui-common/1.1.2/src/component/uibase/listitem.js
deleted file mode 100644
index 6d1910a..0000000
--- a/spm_modules/bui-common/1.1.2/src/component/uibase/listitem.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * @fileOverview 可选中的控件,父控件支持selection扩展
- * @ignore
- */
-
-
-/**
- * 列表项控件的视图层
- * @class BUI.Component.UIBase.ListItemView
- * @private
- */
-function listItemView() {
- // body...
-}
-
-listItemView.ATTRS = {
- /**
- * 是否选中
- * @type {Boolean}
- */
- selected: {
-
- }
-};
-
-listItemView.prototype = {
- _uiSetSelected: function(v) {
- var _self = this,
- cls = _self.getStatusCls('selected'),
- el = _self.get('el');
- if (v) {
- el.addClass(cls);
- } else {
- el.removeClass(cls);
- }
- }
-};
-/**
- * 列表项的扩展
- * @class BUI.Component.UIBase.ListItem
- */
-function listItem() {
-
-}
-
-listItem.ATTRS = {
-
- /**
- * 是否可以被选中
- * @cfg {Boolean} [selectable=true]
- */
- /**
- * 是否可以被选中
- * @type {Boolean}
- */
- selectable: {
- value: true
- },
-
- /**
- * 是否选中,只能通过设置父类的选中方法来实现选中
- * @type {Boolean}
- * @readOnly
- */
- selected: {
- view: true,
- sync: false,
- value: false
- }
-};
-
-listItem.prototype = {
-
-};
-
-listItem.View = listItemView;
-
-module.exports = listItem;
diff --git a/spm_modules/bui-common/1.1.2/src/component/uibase/mask.js b/spm_modules/bui-common/1.1.2/src/component/uibase/mask.js
deleted file mode 100644
index 0849340..0000000
--- a/spm_modules/bui-common/1.1.2/src/component/uibase/mask.js
+++ /dev/null
@@ -1,236 +0,0 @@
-/**
- * @fileOverview mask 遮罩层
- * @author yiminghe@gmail.com
- * copied and modified by dxq613@gmail.com
- * @ignore
- */
-
-
-var $ = require('jquery'),
- UA = require('../../ua'),
-
- /**
- * 每组相同 prefixCls 的 position 共享一个遮罩
- * @ignore
- */
- maskMap = {
- /**
- * @ignore
- * {
- * node:
- * num:
- * }
- */
-
- },
- ie6 = UA.ie == 6;
-
-function getMaskCls(self) {
- return self.get('prefixCls') + 'ext-mask';
-}
-
-function docWidth() {
- return ie6 ? BUI.docWidth() + 'px' : '100%';
-}
-
-function docHeight() {
- return ie6 ? BUI.docHeight() + 'px' : '100%';
-}
-
-function initMask(maskCls) {
- var mask = $('' +
- (ie6 ? '<' + 'iframe ' +
- 'style="position:absolute;' +
- 'left:' + '0' + ';' +
- 'top:' + '0' + ';' +
- 'background:white;' +
- 'width: expression(this.parentNode.offsetWidth);' +
- 'height: expression(this.parentNode.offsetHeight);' +
- 'filter:alpha(opacity=0);' +
- 'z-index:-1;">' : '') +
- '
')
- .prependTo('body');
- /**
- * 点 mask 焦点不转移
- * @ignore
- */
- // mask.unselectable();
- mask.on('mousedown', function(e) {
- e.preventDefault();
- });
- return mask;
-}
-
-/**
- * 遮罩层的视图类
- * @class BUI.Component.UIBase.MaskView
- * @private
- */
-function MaskView() {}
-
-MaskView.ATTRS = {
- maskShared: {
- value: true
- }
-};
-
-MaskView.prototype = {
-
- _maskExtShow: function() {
- var self = this,
- zIndex,
- maskCls = getMaskCls(self),
- maskDesc = maskMap[maskCls],
- maskShared = self.get('maskShared'),
- mask = self.get('maskNode');
- if (!mask) {
- if (maskShared) {
- if (maskDesc) {
- mask = maskDesc.node;
- } else {
- mask = initMask(maskCls);
- maskDesc = maskMap[maskCls] = {
- num: 0,
- node: mask
- };
- }
- } else {
- mask = initMask(maskCls);
- }
- self.setInternal('maskNode', mask);
- }
- if (zIndex = self.get('zIndex')) {
- mask.css('z-index', zIndex - 1);
- }
- if (maskShared) {
- maskDesc.num++;
- }
- if (!maskShared || maskDesc.num == 1) {
- mask.show();
- }
- $('body').addClass('x-masked-relative');
- },
-
- _maskExtHide: function() {
- var self = this,
- maskCls = getMaskCls(self),
- maskDesc = maskMap[maskCls],
- maskShared = self.get('maskShared'),
- mask = self.get('maskNode');
- if (maskShared && maskDesc) {
- maskDesc.num = Math.max(maskDesc.num - 1, 0);
- if (maskDesc.num == 0) {
- mask.hide();
- }
- } else if (mask) {
- mask.hide();
- }
- $('body').removeClass('x-masked-relative');
- },
-
- __destructor: function() {
- var self = this,
- maskShared = self.get('maskShared'),
- mask = self.get('maskNode');
- if (self.get('maskNode')) {
- if (maskShared) {
- if (self.get('visible')) {
- self._maskExtHide();
- }
- } else {
- mask.remove();
- }
- }
- }
-
-};
-
-/**
- * @class BUI.Component.UIBase.Mask
- * Mask extension class.
- * Make component to be able to show with mask.
- */
-function Mask() {}
-
-Mask.ATTRS = {
- /**
- * 控件显示时，是否显示屏蔽层
- *
- * var overlay = new Overlay({ //显示overlay时，屏蔽body
- * mask : true,
- * maskNode : 'body',
- * trigger : '#t1'
- * });
- * overlay.render();
- *
- * var overlay = new Overlay({ //显示overlay时，屏蔽body
- * mask : true,
- * maskNode : 'body',
- * trigger : '#t1'
- * });
- * overlay.render();
- *
- * overlay.set('x',100);
- *
- * overlay.set('y',100);
- *
- * var overlay = new Overlay({
- * xy : [100,100],
- * trigger : '#t1',
- * srcNode : '#c1'
- * });
- *
- * overlay.set('xy',[100,100]);
- *
- * var overlay = new Overlay({
- * zIndex : '1000'
- * });
- *
- * overlay.set('zIndex','1200');
- *
- * move(x, y);
- * move(x);
- * move([x,y])
- * -
- *
- 子控件 - *
- DOM元素 - *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value',
- * selectedEvent : 'mouseenter',
- * render : '#t1',
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value',
- * render : '#t1',
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value',
- * render : '#t1',
- * multipleSelect : true,
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- *
- * list.clearSelection();
- *
- * var item = list.getSelected(); //多选模式下第一条
- *
- * var item = list.getItem('id'); //通过id 获取选项
- * list.setSelected(item); //选中
- *
- * list.clearSelected();//单选模式下清除所选，多选模式下清除选中的第一项
- * list.clearSelected(item); //清除选项的选中状态
- *
- * var items = list.getItemsByStatus('active'); //获取某种状态的选项
- * list.setSelection(items);
- *
- * var item = list.getItem('id');
- * list.setSelected(item);
- *
- * list.setAllSelection(); //选中全部，多选状态下有效
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{id}">{text}</li>',
- * idField : 'id', //id 字段作为key
- * render : '#t1',
- * items : [{id : '1',text : '1'},{id : '2',text : '2'}]
- * });
- *
- * list.setSelectedByField('123'); //默认按照id字段查找
- * //或者
- * list.setSelectedByField('id','123');
- *
- * list.setSelectedByField('value','123');
- *
- * var list = new List.SimpleList({
- * itemTpl : '<li id="{value}">{text}</li>',
- * idField : 'value', //value 字段作为key
- * render : '#t1',
- * multipleSelect : true,
- * items : [{value : '1',text : '1'},{value : '2',text : '2'}]
- * });
- * var values = ['1','2','3'];
- * list.setSelectionByField(values);//
- *
- * //等于
- * list.setSelectionByField('value',values);
- * ' +
- '
');
- partEl.appendTo(el);
- self.setInternal(part, partEl);
- }
-}
-
-
-function _setStdModRenderContent(self, part, v) {
- part = self.get(part);
- if (BUI.isString(v)) {
- part.html(v);
- } else {
- part.html('')
- .append(v);
- }
-}
-
-StdModView.prototype = {
-
- __renderUI: function() { //createDom
- createUI(this, 'header');
- createUI(this, 'body');
- createUI(this, 'footer');
- },
-
- _uiSetBodyStyle: function(v) {
- this.get('body').css(v);
- },
-
- _uiSetHeaderStyle: function(v) {
- this.get('header').css(v);
- },
- _uiSetFooterStyle: function(v) {
- this.get('footer').css(v);
- },
-
- _uiSetBodyContent: function(v) {
- _setStdModRenderContent(this, 'body', v);
- },
-
- _uiSetHeaderContent: function(v) {
- _setStdModRenderContent(this, 'header', v);
- },
-
- _uiSetFooterContent: function(v) {
- _setStdModRenderContent(this, 'footer', v);
- }
-};
-
-/**
- * @class BUI.Component.UIBase.StdMod
- * StdMod extension class.
- * Generate head, body, foot for component.
- */
-function StdMod() {}
-
-StdMod.ATTRS = {
- /**
- * 控件的头部DOM. Readonly
- * @readOnly
- * @type {jQuery}
- */
- header: {
- view: 1
- },
- /**
- * 控件的内容DOM. Readonly
- * @readOnly
- * @type {jQuery}
- */
- body: {
- view: 1
- },
- /**
- * 控件的底部DOM. Readonly
- * @readOnly
- * @type {jQuery}
- */
- footer: {
- view: 1
- },
- /**
- * 应用到控件内容的css属性，键值对形式
- * @cfg {Object} bodyStyle
- */
- /**
- * 应用到控件内容的css属性，键值对形式
- * @type {Object}
- * @protected
- */
- bodyStyle: {
- view: 1
- },
- /**
- * 应用到控件底部的css属性，键值对形式
- * @cfg {Object} footerStyle
- */
- /**
- * 应用到控件底部的css属性，键值对形式
- * @type {Object}
- * @protected
- */
- footerStyle: {
- view: 1
- },
- /**
- * 应用到控件头部的css属性，键值对形式
- * @cfg {Object} headerStyle
- */
- /**
- * 应用到控件头部的css属性，键值对形式
- * @type {Object}
- * @protected
- */
- headerStyle: {
- view: 1
- },
- /**
- * 控件头部的html
- *
- * var dialog = new Dialog({
- * headerContent: '<div class="header"></div>',
- * bodyContent : '#c1',
- * footerContent : '<div class="footer"></div>'
- * });
- * dialog.show();
- *
- * var dialog = new Dialog({
- * headerContent: '<div class="header"></div>',
- * bodyContent : '#c1',
- * footerContent : '<div class="footer"></div>'
- * });
- * dialog.show();
- *
- * var dialog = new Dialog({
- * headerContent: '<div class="header"></div>',
- * bodyContent : '#c1',
- * footerContent : '<div class="footer"></div>'
- * });
- * dialog.show();
- *
- * var list = new List.List({
- * tpl : '<div class="toolbar"></div><ul></ul>',
- * childContainer : 'ul'
- * });
- * //用于统一子控件模板
- * var list = new List.List({
- * defaultChildCfg : {
- * tpl : '<span>{text}</span>'
- * }
- * });
- * list.render();
- *
- * list.set('tpl','<div class="toolbar"></div><ul></ul><div class="bottom"></div>')
- * 控件的渲染函数，应对一些简单模板解决不了的问题，例如有if,else逻辑，有循环逻辑, - * 函数原型是function(data){},其中data是控件的属性值
- *控件模板的加强模式，此属性会覆盖@see {BUI.Component.UIBase.Tpl#property-tpl}属性
- * //用于统一子控件模板 - * var list = new List.List({ - * defaultChildCfg : { - * tplRender : funciton(item){ - * if(item.type == '1'){ - * return 'type1 html'; - * }else{ - * return 'type2 html'; - * } - * } - * } - * }); - * list.render(); - * @cfg {Function} tplRender - */ - tplRender: { - view: true, - value: null - }, - /** - * 这是一个选择器，使用了模板后，子控件可能会添加到模板对应的位置, - * - 默认为null,此时子控件会将控件最外层 el 作为容器 - *
- * var list = new List.List({
- * tpl : '<div class="toolbar"></div><ul></ul>',
- * childContainer : 'ul'
- * });
- *
- * var control = new Control();
- * control.on('click',function(ev){
- *
- * });
- *
- * control.off(); //移除所有事件
- *
- * var list = new BUI.List.SimpleList({
- * listeners : {
- * itemclick : function(ev){},
- * itemrendered : function(ev){}
- * },
- * items : []
- * });
- * list.render();
- *
- * var list = new BUI.List.SimpleList({
- * handler : function(ev){} //click 事件
- * });
- * list.render();
- *
- * //绑定事件
- * list.on('itemclick',function(ev){
- * alert('21');
- * });
- * //触发事件
- * list.fire('itemclick');
- *
- * list.pauseEvent('itemclick');
- *
- * list.resumeEvent('itemclick');
- *
- * //绑定单个事件
- * list.on('itemclick',function(ev){
- * alert('21');
- * });
- * //绑定多个事件
- * list.on('itemrendered itemupdated',function(){
- * //列表项创建、更新时触发操作
- * });
- *
- * //移除所有事件
- * list.off();
- *
- * //移除特定事件
- * function callback(ev){}
- * list.on('click',callback);
- *
- * list.off('click',callback);//需要保存回调函数的引用
- *
- *
- * BUI.isString(str);
- *
- * BUI.extend(A,B);
- *
- * BUI.mix(A,{a:'a'});
- * " +
- "
| t |