How to use the util.templates function in util

render: function() {
            this.$el.html(Util.templates(this.template, {}));
        },
        onClickButton: function () {

showEditInfo: function () {
            this.modifyUpdateButtons('disable');
            this.modifyStaticInfo('hide');
            this.$staticInfo.after(Util.templates(this.tplInfo, config.userModel.toJSON()));
            this.$infoEditor = $("#infoEditor", this.$el);
            this.$fullName = $("#fullName", this.$infoEditor);
            this.$email = $("#email", this.$infoEditor);
            this.$submitInfo = $("#submit_info", this.$infoEditor);

            Util.bootValidator(this.$email, [{
                    validator: 'matchRegex',
                    type: 'emailMatchRegex',
                    pattern: config.patterns.email
                },
                {
                    validator: 'remoteEmail',
                    remote: true,
                    message: Localization.validation.registeredEmail,
                    type: 'remoteEmail'
                },

render: function () {
            this.$el.html(Util.templates(this.template, {
                model: this.model.toJSON({ computed: true })
            }));
            this.applyBindings();
        },
        onResetTicketCollection: function () {

addMenuItem: function (q, questions) {
            var isChild;
            var parentItem;
            var item;

            isChild = _.has(q, 'parentEl');

            if (!isChild) {
                $(".sidenav").append(Util.templates('tpl-documentation-questions-list', q));
            } else {
                parentItem = $('.sidenav [data-question-id=' + q.parentEl + ']');
                parentItem.hasClass('not-nested') ? parentItem.removeClass('not-nested') : '';
                parentItem.find('ul').append(Util.templates('tpl-documentation-menu-item', q));
            }

            item = $('.sidenav [data-question-id=' + q.id + ']');
            q.$el = item;
            docApi.setMenuListener(item, q, questions);
        },
        renderQuestionList: function (qs) {

render: function () {
            this.$el.html(Util.templates(this.tpl));
            return this;
        },

render: function () {
            this.$el.html(Util.templates(this.template, {}));
        },
        onChange: function (e) {

render: function () {
            this.$el.html(Util.templates(this.template, { search: this.search }));
        },
        renderMyDashboards: function () {

render: function() {
            this.$el.html(Util.templates(this.template, {}));
        },
        onClickRefresh: function() {

render: function () {
            this.$el.html(Util.templates(this.template, {}));
        },
        setState: function () {

render: function () {
            var retries = _.clone(this.model.get('retries'));
            retries.push(this.model.attributes);
            this.$el.html(Util.templates(this.template, {
                retries: retries,
                isLogLevel: this.context === 'logLevel'
            }));
        },
        onClickLink: function () {