程序员经验分享-hwhale

Yii Framework 开发教程(35) Zii组件-Button示例

2023-11-02

CJuiButton 显示按钮，CJuiButton 既可以做为Submit（提交）按钮，也可以做为普通按钮。

按钮基本用法如下：

  1. <?php $this->widget('zii.widgets.jui.CJuiButton', array(  
  2. 'buttonType'=>'submit',  
  3. 'name'=>'btnSubmit',  
  4. 'value'=>'1',  
  5. 'caption'=>'Submit',  
  6. 'htmlOptions'=>array('class'=>'ui-button-primary')  
  7. )); ?>  
  8.   
  9. <?php $this->widget('zii.widgets.jui.CJuiButton', array(  
  10.     'buttonType'=>'button',  
  11.     'name'=>'btnClick',  
  12.     'caption'=>'Click',  
  13.     //'options'=>array('icons'=>'js:{primary:"ui-icon-newwin"}'),  
  14.     'onclick'=>'js:function(){alert("clicked"); this.blur(); return false;}',  
  15. )); ?>  
  16.   
  17. <?php $this->widget('zii.widgets.jui.CJuiButton', array(  
  18. 'buttonType'=>'link',  
  19. 'name'=>'btnGo',  
  20. 'caption'=>'Go',  
  21. //'options'=>array('icons'=>'js:{secondary:"ui-icon-extlink"}'),  
  22. 'url'=>array('site/other'),  
  23. )); ?>  
<?php $this->widget('zii.widgets.jui.CJuiButton', array(
'buttonType'=>'submit',
'name'=>'btnSubmit',
'value'=>'1',
'caption'=>'Submit',
'htmlOptions'=>array('class'=>'ui-button-primary')
)); ?>

<?php $this->widget('zii.widgets.jui.CJuiButton', array(
	'buttonType'=>'button',
	'name'=>'btnClick',
	'caption'=>'Click',
	//'options'=>array('icons'=>'js:{primary:"ui-icon-newwin"}'),
	'onclick'=>'js:function(){alert("clicked"); this.blur(); return false;}',
)); ?>

<?php $this->widget('zii.widgets.jui.CJuiButton', array(
'buttonType'=>'link',
'name'=>'btnGo',
'caption'=>'Go',
//'options'=>array('icons'=>'js:{secondary:"ui-icon-extlink"}'),
'url'=>array('site/other'),
)); ?>

这三个按钮，第一个做为Submit按钮，第二个作为普通按钮，触发JavaScripts事件，第三个点击后触发otherAction方法。
显示结果如下：

201212129003

可以为Jui UI组件添加CSS文件，这可以通过配置文件来设置CSS文件：

  1. 'components'=>array(  
  2.     'clientScript' => array(  
  3.             'scriptMap' => array(  
  4.                 'jquery-ui.css'=> dirname($_SERVER['SCRIPT_NAME'])  
  5.                   .'/css/jui/custom/jquery-ui.css',  
  6.                 ),  
  7.             ),  
  8.         ),  
'components'=>array(
	'clientScript' => array(
			'scriptMap' => array(
				'jquery-ui.css'=> dirname($_SERVER['SCRIPT_NAME'])
				  .'/css/jui/custom/jquery-ui.css',
				),
			),
		),

这里我们复制YiiPlayground使用的JQuery CSS文件 ，使用新CSS风格后显示如下：

201212129004

本例下载

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

PHP开发框架（YII）

Yii Framework 开发教程(35) Zii组件-Button示例 的相关文章

随机推荐

  • Linux中more命令的使用,Linux中more命令使用详解教程

    1 使用权限 所有者 什么是所有者权限 2 使用方式more 参数选项 文件 参数 num 从第num行开始显示 num 定义屏幕大小 为num行 pattern 从pattern 前两行开始显示 c 从顶部清屏然后显示 d 提示Press

  • 如何用 Python 开发一个简单的 blender 插件

    Blender是一款开源的3D建模和动画制作软件 支持Python脚本编写插件 下面是一个简单的Blender插件开发示例 首先 需要安装Blender软件 并确保安装了Python库 可以在Blender软件安装目录下的Python目录中

  • Windows安装Mysql(免安装版)

    Windows安装Mysql8 0 25教程 免安装版 1 下载mysql Mysql官网下载地址 2 配置初始化文件my ini 在根目录 与bin目录同级 下创建my txt文件 将以下内容复制到该文件中 其中mysql的安装目录和数据

  • 想将PPT的文字转换到Word文档？看这一篇就够了！！！

    将PPT的文字转换到Word文档 又到了期末考试复习周呢 一些老师会给我们复习的PPT 为了方便 我们当然会选择把它打印出来 但是看到这么多页的PPT 比如下面这张图就是我们老师给的PPT 我简直震惊 于是开始探索将PPT转化为Word的方

  • 【C++自我精讲】基础系列五 隐式转换和显示转换

    C 自我精讲 基础系列五 隐式转换和显示转换 前言 1 C 的类型转换分为两种 一种为隐式转换 另一种为显式转换 2 C 中应该尽量不要使用转换 尽量使用显式转换来代替隐式转换 1 隐式转换 定义 隐式转换是系统跟据程序的需要而自动转换的

  • 从零到独自开发一个网站（后端）

    从零到独自开发一个网站 后端 2015 09 15 16 22 25 本博客采用创作共用版权协议 要求署名 非商业用途和保持一致 转载本博客文章必须也遵循署名 非商业用途 保持一致的创作共用协议 折腾了9个小时终于把服务器架好了 因为uws

  • Altium designer（21） PCB除选中层，其它层变灰色，如何变回正常模式

    如下图所示 AD21软件 在PCB画图时 当前在TOP layer 其他层全部变成灰色了 看起来有些奇怪 原因 此时选择的应该是single layer mode 将这个模式关闭即可 步骤 右下角 panels gt view config

  • 从数据类型 varchar 转换为 numeric 时出错.

    如果说你的数据库字段是varchar 但是存储的数据是数值 在出报表时需要转成int或numeric时 无论怎么样都报错 错误信息 消息 8114 级别 16 状态 5 第 1 行 从数据类型 varchar 转换为 numeric 时出错

  • java基础知识

    java基础知识 1 常见的数据源 dbcp 半自动化操作 不能自己连接 c3p0 自动化操作 自动加载配置文件 并且自动配置设置到对象中 druid hikari 2 url pattern配置为 和 的区别 首先 可以匹配所有url 包

  • [1109]Maven全局配置文件settings.xml详解

    文章目录 一 概要 1 settings xml的作用 2 settings xml文件位置 3 配置的优先级 二 settings xml元素详解 1 顶级元素概览 1 1 LocalRepository 1 2 InteractiveM

  • Livox 学术小课堂｜基于高精度反射率的建图色彩优化

    武汉大学VaST 课题组的王昱升博士最近分享了他们在轨道交通场景下利用Livox 激光雷达进行建图 并基于高精度反射率对点云图进行色彩优化 辅助轨道交通语义地图构建的工作 实测场景及点云图 项目组计划通过自研SLAM算法针对大场景铁路环境进

  • anconda配置环境变量

    1 将anconda安装根目录添加进环境变量path中 2 将anconda根目录下的Scripts路径添加进环境变量path中 这样就可以在cmd中打开notebook了 如图

  • Python中tkFileDialog实现文件选择、保存和路径选择

    tkFileDialog文件选择 保存和路径选择 概述 示例 概述 看了下Tkinter的文档 对于Pop up dialog有三类 现在用到的是tkFileDialog tkFileDialog有三种形式 一个是 askopenfilen

  • 解决跨域的配置

    这里写自定义目录标题 解决跨域问题 解决跨域问题 在网关中添加跨域的配置文件 Configuration public class MymallCorsConfiguration Bean public CorsWebFilter cors

  • 开源项目选型考虑的四个方面

    http www trinea cn other open source choice

  • 基于多视角学习和个性化注意力机制的新闻推荐

    NPA Neural News Recommendation with Personalized Attention 2019 7 链接 https arxiv org abs 1907 05559 发表在 IJCAI 2019和 KDD

  • 常见的排序算法总结

    排序简介 简介 排序算法 英语 Sorting algorithm 是一种将一组特定的数据按某种顺序进行排列的算法 排序算法多种多样 性质也大多不同 性质 稳定性 稳定性是指相等的元素经过排序之后相对顺序是否发生了改变 拥有稳定性这一特性的

  • ArrayList 集合 嵌套HashMap集合

    开发工具与关键技术 IDEA 撰写时间 2022 5 27 ArrayList 集合 嵌套HashMap集合 首先创建一个ArrayList集合 然后在ArrayList的 lt gt 里添加HaspMap集合 HaspMap集合的里键值对

  • 环境配置篇

    旧机子经常卡 代码打不动 换了一台 温习一遍配置 开一篇记录一下 1 jdk 安装jdk 还是别装最新的 经不起因为最新的原因导致各种bug 下载网址 点击打开链接 配置JAVA HOME 找到对应文件 以后要更新jdk修改这个文件就行 配

  • Yii Framework 开发教程(35) Zii组件-Button示例

    CJuiButton 显示按钮 CJuiButton 既可以做为Submit 提交 按钮 也可以做为普通按钮 按钮基本用法如下 php view plain copy print

热门标签