javascript ПростойшаблонизаторView.js

Posted 2021-05-04

<script type="text/template" id="example-template">
    <div class="exampleTemplateItem">
        {object_item_1} {object_item_2}
    </div>
</script>

/**
  *  Класс View()
  *  
  *   var v= new View();             // создаем объект
  *   v.setTemplate('templateID');   // назначаем шаблон
  *   v.setData(data);               // предаем данные (необязательно)
  *   $item=v.render();              // рендерим
  */
var View = function () {
        var self=this;

        self.setTemplate= function (templateName) {
            self._template=templateName;
        }

        self.render= function () {
            var template=self._getTemplate();

            if(self._data) {
                for (var property in self._data) {
                    if (self._data.hasOwnProperty(property)) {
                        var search = new RegExp('{' + property + '}', 'g');
                        template = template.replace(search, self._data[property]);
                    }
                }
            }



            $item=$(template);
            return $item;
        }

        self._getTemplate=function (templateName) {
            var templateName= templateName || self._template;

            if(!templateName) {
                console.error("Шаблон "+templateName+" не найден")
                return false;
            }
            var template=$(templateName).text();
            return template;
        }

        self.setDom= function (selector) {
            var selector=selector || false;

            if(!selector) {console.error('Не указан селектор родительского DOM'); return false};
            self._$dom=$(selector);

            if(!self._$dom.size()) {
                console.error('Указаный элемент не найден на странице');
                return false;
            }
            return self._$dom;
        }


        self.display=function () {
            self._$item=self.render();
            self._$dom.append($item);
        }

        self.setData=function (data) {
            self._data=data
        }


}