1 /** 2 * @fileOverview abstract view for button 3 * @author yiminghe@gmail.com 4 */ 5 KISSY.add("button/buttonRender", function (S, Component) { 6 // http://www.w3.org/TR/wai-aria-practices/ 7 return Component.Render.extend({ 8 createDom:function () { 9 // set wai-aria role 10 this.get("el") 11 .attr("role", "button") 12 .addClass("ks-inline-block"); 13 }, 14 _uiSetChecked:function (v) { 15 var self = this, 16 el = self.get("el"), 17 cls = self.getComponentCssClassWithState("-checked"); 18 el[v ? 'addClass' : 'removeClass'](cls); 19 }, 20 _uiSetTooltip:function (title) { 21 this.get("el").attr("title", title); 22 }, 23 _uiSetDescribedby:function (describedby) { 24 this.get("el").attr("aria-describedby", describedby); 25 }, 26 27 _uiSetCollapseSide:function (side) { 28 var self = this, 29 cls = self.getCssClassWithPrefix("button-collapse-"), 30 el = self.get("el"); 31 el.removeClass(cls + "left " + cls + "right"); 32 if (side) { 33 el.addClass(cls + side); 34 } 35 } 36 }, { 37 ATTRS:{ 38 describedby:{}, 39 tooltip:{}, 40 checked:{}, 41 collapseSide:{} 42 } 43 }); 44 }, { 45 requires:['component'] 46 });