code: function () {
          var self = this, layout = self._layout, innerHtml = self.settings.html;
  
          self.preRender();
          layout.preRender(self);
  
          if (typeof innerHtml == "undefined") {
            innerHtml = (
              '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' +
              layout.renderHtml(self) +
              '</div>'
            );
          } else {
            if (typeof innerHtml == 'function') {
              innerHtml = innerHtml.call(self);
            }
  
            self._hasBody = false;
          }
  
          return (
            '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1" role="group">' +
            (self._preBodyHtml || '') +
            innerHtml +
            '</div>'
          );
        }
docs: Renders the control as a HTML string.
  
  @method renderHtml
  @return {String} HTML representing the control.