code: function () {
          var self = this, layout = self._layout, role = this.settings.role;
  
          self.preRender();
          layout.preRender(self);
  
          return (
            '<div id="' + self._id + '" class="' + self.classes + '"' + (role ? ' role="' + this.settings.role + '"' : '') + '>' +
            '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' +
            (self.settings.html || '') + layout.renderHtml(self) +
            '</div>' +
            '</div>'
          );
        }
docs: Renders the control as a HTML string.
  
  @method renderHtml
  @return {String} HTML representing the control.