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 });