Hi,
I am trying to use ExtJS with Frameworks like Struts and Codeigniter.
I am very excited to use ExtJS for my applications built on these frameworks.
Can i get a small application like we have in the startup tutorial section for php and ASP.net,
for these two frame works.
There is one tutorial on integrating EXT with CodeIgniter here:
http://codeigniter.com/wiki/Using_CI_yuiyui-ext_and_MySQL_for_Ajax_Development/
However, the tutorial was intended for an earlier version of CodeIgniter and EXT. It does not consider the existence of user-contributed libraries developed after the tutorial was released or improvements to the CI framework. For example, it does not consider using something like the View library contributed by Coolfactor (which works extremely well with EXT layouts) or modular separation (allows CI to load module-like entities) contributed by Zawk.
Taking the Complex layout as an example using the View library for a Contacts component, one can disassemble Complex into CI component views, blocks (independent view fragments in CI lingo), and a master view (template).
The controller code might look something like this:
<?php if (!defined('BASEPATH')) exit('No direct script access allowed');
require(APPPATH.'libraries/application'.EXT);
// Application is a base controller extended from the CI Controller
// and includes globally accessible application code which can
// be inheirted by sibling controllers
class Contacts extends Application {
function Contacts()
{
parent::Application();
$this->lang->load('contacts', 'en_us');
}
function index()
{
$component = $this->lang->line('contacts_component');
$page = $this->lang->line('contacts_title');
$this->view->set('title', $page);
$this->view->part('west', 'west');
$this->view->part('north', 'north');
$this->view->part('tabpanel', 'tabpanel');
$this->view->part('component', $component);
$this->view->part('props_panel', 'props_panel');
$this->view->part('south', 'south');
$this->view->load('complex'); // the template
}
function getContacts()
{
// ... code to get contacts
}
function setContacts()
{
// ... code for a set contacts
}
}
?>
For the above controller, the main view or template (complex) would look something like this:
<html>
<head>
<title><?=$title ?></title>
<link rel="stylesheet" type="text/css" href="<?=js_url(); ?>ext/resources/css/ext-all.css" />
<!-- GC --> <!-- LIBS -->
<script type="text/javascript" src="<?=js_url(); ?>ext/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="<?=js_url(); ?>ext/adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="<?=js_url(); ?>ext/ext-all.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="<?=components_url(); ?><?=$comp ?>/views/js/component.js"></script>
<link rel="stylesheet" type="text/css" href="<?=templates_url(); ?>complex/css/template.css" />
</head>
<body>
<script type="text/javascript" src="<?=js_url(); ?>common.js"></script>
<div id ="container">
<?=$west ?>
<?=$north ?>
<?=$tabpanel ?>
<?=$component ?>
<?=$props_panel ?>
<?=$south ?>
</div>
</body>
</html>
The above view or template represents a variant of the EXT Complex layout disassembled into a set of view fragments or blocks of html. Absolute paths to EXT code, CSS and Javascript are handled using custom helper functions (js_url(), components_url(), templates_url). By breaking something like Complex into a collection of views, its possible to reorganize MVC application directory structures into logical groups (.i.e., storing component-specific views separate from standalone blocks (e.g., login, polls, syndication, and other blocks), and templates. That is, the associated PHP code for these entities is sometimes handled and stored differently based on view usage. Different flavors of views also have different caching requirements.
A lot of CI users favor using EXT, so it's not uncommon to find forum threads about using CI and EXT in conjunction on the CI forums. There is also a fairly recent fork of CodeIgniter called Kohana. CodeIgniter development is managed by EllisLabs, Inc., but Kohana development is handled using a community-driven approach.