Yii Framework 開發(fā)教程(22) UI 組件 Zii 組件簡介

前面介紹了 Yii 框架支持的部分 UI 組件，除了前面介紹的 UI 組件外，Yi i框架還提供了 Zii 組件庫，包括列表視圖 ListView，表格視圖 GridView，此外還包括一些基于 JQuery 的 UI 組件，如 AutoComplete,DataPicker, Button, Drag 和 Drop 等，Zii 組件主要定義在包 zii. ,zii.widget.

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.1.jpg" alt="picture22.1" />

由于其中部分 UI 組件和數(shù)據(jù)源（Data Provider）關系密切，因此需要先介紹 Yii 支持的數(shù)據(jù)庫接口，下篇文章開始介紹 Yii 框架的數(shù)據(jù)庫訪問接口，然后再逐一介紹 Zii 組件。下面列出 Zii 支持的部分 UI 組件的截圖（選自 YiiPlayground ）

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.2.jpg" alt="picture22.2" />

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.3.jpg" alt="picture22.3" />

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.4.jpg" alt="picture22.4" />

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.5.jpg" alt="picture22.5" />

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.6.jpg" alt="picture22.6" />

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.7.jpg" alt="picture22.7" />

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.8.jpg" alt="picture22.8" />

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.9.jpg" alt="picture22.9" />

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/22.10.jpg" alt="picture22.10" />