Yii Framework 开发教程(13) UI 组件 ContentDecorator示例

最新推荐文章于 2025-12-02 09:17:36 发布

最新推荐文章于 2025-12-02 09:17:36 发布 · 143 阅读

文章标签：

#php #ui #xhtml

本文介绍了Yii Framework中如何实现布局的嵌套，并提供了具体的代码示例。通过CContentDecorator组件，开发者可以轻松地在一个布局中嵌入另一个布局，从而更好地组织和复用页面元素。

和Java Swing中类似Yii Framework 中的Layout 也允许嵌套，这是通过CContentDecorator来实现的，不过代码中并不需要直接使用CContentDecorator ，而是在定义layout使用

$this->beginContent('path/to/view');
// ... content to be decorated
$this->endContent();

其中view 为另外一个布局。

本例定义四个Layout，一个嵌套一个：

///main.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo  Yii::app()->name;    ?></title>
</head>

<body>
<h1>Widget Demo</h1>

<?php echo $content; ?>

</body>
</html>

///row1.php
<?php $this->beginContent('/layouts/row2'); ?>
<div>
		<?php echo $content; ?>
</div>
<p />
<div>
		<?php echo 'row1 part'; ?>
</div>
<?php $this->endContent(); ?>

//row2.php
<?php $this->beginContent('/layouts/row3'); ?>
<div>
		<?php echo $content; ?>
</div>
<p />
<div>
		<?php echo 'row2 part'; ?>
</div>
<?php $this->endContent(); ?>

///row3.php
<?php $this->beginContent('/layouts/main'); ?>
<div>
		<?php echo $content; ?>
</div>
<p />
<div>
		<?php echo 'row3 part'; ?>
</div>
<?php $this->endContent(); ?>

显示结果如下：