code: function() {
          var dimensionModel = this.dimensionModel;
          var scrollXHeight = dimensionModel.getScrollXHeight();
          var childElements = this._renderChildren().concat([
              borderDIV(classNameConst.BORDER_TOP),
              borderDIV(classNameConst.BORDER_LEFT),
              borderDIV(classNameConst.BORDER_RIGHT),
              borderDIV(classNameConst.BORDER_BOTTOM).css('bottom', scrollXHeight)
          ]);
          var classNames = [];
  
          if (!dimensionModel.get('scrollX')) {
              classNames.push(classNameConst.NO_SCROLL_X);
          }
  
          if (!dimensionModel.get('scrollY')) {
              classNames.push(classNameConst.NO_SCROLL_Y);
          }
  
          if (dimensionModel.get('summaryHeight')) {
              if (dimensionModel.get('summaryPosition') === constMap.summaryPosition.TOP) {
                  classNames.push(classNameConst.HAS_SUMMARY_TOP);
              } else {
                  classNames.push(classNameConst.HAS_SUMMARY_BOTTOM);
              }
          }
  
          if (dimensionModel.get('rsideWidth')) {
              classNames.push(classNameConst.SHOW_LSIDE_AREA);
          }
  
          this.$el.addClass(classNames.join(' '));
          this.$el.append(childElements);
  
          return this;
      }
docs: Renders
  @returns {Object} this object