jquery - How to add an external javascript file to a Zend Framework 2 application? - Stack Overflow

admin管理员组

文章数量:1178553

I need to add jQuery and other javascript files to my Zend Framework project. I am trying to do it with an Action controller:-

public function userinfoAction()
{   
    $this->view->headScript()->appendFile($basePath .'/js/validate_jquary.js');
    $this->headScript()->appendFile('.4.2/jquery.min.js'); 
    return new ViewModel();
}

But it is not working.

I need to add jQuery and other javascript files to my Zend Framework project. I am trying to do it with an Action controller:-

public function userinfoAction()
{   
    $this->view->headScript()->appendFile($basePath .'/js/validate_jquary.js');
    $this->headScript()->appendFile('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'); 
    return new ViewModel();
}

But it is not working.

• javascript
• jquery
• zend-framework
• zend-framework2

Share Improve this question Follow edited Apr 27, 2012 at 9:04 vascowhite 18.4k99 gold badges6363 silver badges7878 bronze badges asked Apr 27, 2012 at 8:00 Mangala EdirisingheMangala Edirisinghe 1,11122 gold badges1616 silver badges3232 bronze badges 3

• What do you mean by 'not working'? Are you echoing $this->headScript() in your layout or view? Also, the fact that you have a return statement in your action doesn't look right to me, although I'm not familiar with ZF2, so it may be valid. – vascowhite Commented Apr 27, 2012 at 9:05
• @ vascowhite: I was ecoho $this->headScript() in the controller. – Mangala Edirisinghe Commented Apr 30, 2012 at 4:05
• 1 You shouldn't be echoing anything in the controller, that breaks MVC. You should do that in the view or layout. – vascowhite Commented Apr 30, 2012 at 6:32

Add a comment  | 

7 Answers 7

Sorted by: Reset to default 10

Here is how you can use view helpers from within a controller in ZF2 to solve your problem:

public function someAction()
{                 
     $this->getViewHelper('HeadScript')->appendFile($basePath . '/js/somejs.js');    
}

protected function getViewHelper($helperName)
{
    return $this->getServiceLocator()->get('viewhelpermanager')->get($helperName);
}

 $this->HeadScript()->appendFile('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js','text/javascript');
 $this->HeadScript()->appendFile('http://localhost/zend/public/js/validate_jquary.js','text/javascript');

It is OK with this code in the view. But I don't know is this correct method.

Probably the easiest way to use view helpers from within a controller in ZF2 is via the renderer object:

public function someAction()
{                 
     $renderer = $this->serviceLocator->get('Zend\View\Renderer\RendererInterface');
     $renderer->headScript()->appendFile($renderer->baseUrl() . '/js/somejs.js');
}

you can try this. its works fine for me

//write these lines in your SampleController

public function someAction()
{

$this->getViewHelper('HeadScript')->appendFile('/js/yourjsfile.js');
$this->getViewHelper('HeadScript')->appendFile('/js/jquery/jquery.min.js');
}

// write following method in controller

protected function getViewHelper($helperName)
{

    return $this->getServiceLocator()->get('viewhelpermanager')->get($helperName);
}

You aren't using the view to add jquery:

 $this->view->headScript()->appendFile('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');

a good way for that is to use the below code in your controller action lets say u want to include the paginator.js

$this->view->headScript()->appendFile($this->view->baseUrl().'/js/paginator.js');

All of the above is giving tons of errors for me and $this->view->headScript() is at all about Zend Framework 1. This works for me:

in your controller before controller's class definition add:

use Zend\View\Helper\HeadScript;

and then you may use something like this in your controller (sure you may use it in any action, not only in the constructor):

/**
 * @var Zend\View\Helper\HeadScript
 */
protected $headScript;

function __construct() {
    $this->headScript = new HeadScript();
    $this->headScript->appendFile('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js','text/javascript');
}

and then you should add this to your layout:

<?php echo $this->headScript(); ?>

本文标签： jqueryHow to add an external javascript file to a Zend Framework 2 applicationStack Overflow