code: function () {
          var self = this, layout = self._layout, tabsHtml = '', prefix = self.classPrefix;
  
          self.preRender();
          layout.preRender(self);
  
          self.items().each(function (ctrl, i) {
            var id = self._id + '-t' + i;
  
            ctrl.aria('role', 'tabpanel');
            ctrl.aria('labelledby', id);
  
            tabsHtml += (
              '<div id="' + id + '" class="' + prefix + 'tab" ' +
              'unselectable="on" role="tab" aria-controls="' + ctrl._id + '" aria-selected="false" tabIndex="-1">' +
              self.encode(ctrl.settings.title) +
              '</div>'
            );
          });
  
          return (
            '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1">' +
            '<div id="' + self._id + '-head" class="' + prefix + 'tabs" role="tablist">' +
            tabsHtml +
            '</div>' +
            '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' +
            layout.renderHtml(self) +
            '</div>' +
            '</div>'
          );
        }
docs: Renders the control as a HTML string.
  
  @method renderHtml
  @return {String} HTML representing the control.