view file struct, volt Inheritance association

Question

view file struct, volt Inheritance association

netstu Mar '13

Created Mar '13	Last Reply Mar '13	Replies 1	Views 1112	Votes 3

netstu 17.8k

Mar '13

in phalcon project

view file struct

view ----index.volt ----layouts --------test.volt ----test --------test.volt ----shared --------header.volt

in index.volt

{{ partial ("shared/header")}}
<body>
index.content
{{content()}}
</body>
</html>

in shared/header.volt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <link rel="stylesheet" href="css/global.css" />

{% block csshead %}
{% endblock %}
 </head>

in layouts/test.volt

test controller
{{content()}}

in test/test.volt

testController.testAction
{{content()}}

i want use block csshead in test/test.volt, because i want add css in html head tag. not in html center, not like this:

<link rel="stylesheet" href="css/testController_testAction.css" />
testController.testAction
{{content()}}

i know ,i can like this: view file struct like this:

viewsdir: ----test --------test.volt ----shared --------main.volt

in test.volt

{% extends "shared/main.volt" %}
{% block csshead %}
<link rel="stylesheet" href="css/testController_testAction.css" />
{% endblock %}
testController.testAction
{{content()}}

i don't like this way. have other way to association?

3

netstu · Answer 1 · 2013-03-01T01:12:09-07:00

my men is ,write testController_testAction.css in action view file. but show page source code, it will show in html head tag ,how to do it?

Phalcon · Answer 2 · 2013-03-02T18:37:10-07:00

You can introduce a simple class to manage your css assets:

<?php

class Assets {

    protected $_css = array();

    public function addCss($css)
    {
        $this->_css[] = $css;
    }

    public function getCss()
    {
        foreach ($this->_css as $css) {
            Phalcon\Tag::styleSheetlink($css);
        }
    }

}

This class can be registered in the di:

$di['assets'] = function(){
    return new Assets();
};

Then in your views you can add assets using this service:

{{ assets.addCss("some/style") }}

Then in the main template:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <link rel="stylesheet" href="css/global.css" />
  {{ assets.getCss() }}
 </head>