yii在TbGridView的td里面加入相应的下拉选项(转)
当你需要在一个GridView渲染某一个复杂元素的时候(特别是在这种情况下,这是一个小部件),这就需要你在控制器中调用一个动作。例如你给一个GridView的定义这样的一列:
<?php
$this->widget('bootstrap.widgets.TbGridView', array(
'id' => 'folder-grid',
'dataProvider' => $model->search($folder_id),
'template' => "{items}{pager}",
'rowHtmlOptionsExpression' => 'array("file_id"=>$data->file_id, "file_name"=>rtrim($data->file_name,".".$data->file_ext), "file_ext"=>$data->file_ext)',
'columns' => array(
array(
'selectableRows' => 2,
'class' => 'CCheckBoxColumn',
'headerHtmlOptions' => array('width' => '10px'),
'htmlOptions' => array('class' => 'notopen'),
'checkBoxHtmlOptions' => array('name' => 'ids[]'),
),
array(
'name' => 'folder_id',
'headerHtmlOptions' => array('style' => 'display:none'),
'htmlOptions' => array('style' => 'display:none;'),
),
array(
'name' => 'file_name',
'header' => '文件名',
'type' => 'raw',
'headerHtmlOptions' => array('style' => 'width:100%;'),
'htmlOptions' => array('class' => 'ellipsis'),
'value' => 'CHtml::openTag("img", array("src" => TFileUtil::getFileTypeIcon($data->file_name,true),"style"=>"margin-right:4px")) . rtrim($data->file_name,".".$data->file_ext)',
),
array(
'name' => 'more_opt',
'header' => '',
'value' => array($this, 'renderButtons'),
'sortable' => false,
'htmlOptions' => array('class' => 'more notopen'),
'headerHtmlOptions' => array('style' => 'width:40px;'),
),
array(
'name' => 'file_size',
'header' => '大小',
'value' => 'TFileUtil::getFileSize($data->file_size)',
'headerHtmlOptions' => array('style' => 'width:80px;'),
),
array(
'name' => 'update_time',
'header' => '修改时间',
'value' => 'date("Y-m-d H:i:s", $data->update_time)',
'headerHtmlOptions' => array('style' => 'width:160px;'),
),
array(
'class' => 'bootstrap.widgets.TbButtonColumn',
'template' => '{update}{download}{remove}',
'buttons' => array(
'update' => array(
'label' => '',
'options' => array(
'class' => 'icon-update td-link-icon',
'data-toggle' => 'modal',
'data-target' => '#rename_file',
'title' => '修改',
),
'click' => 'js:function(){
var $row = $(this).parents("tr");
var $column = $(this).parent("td").siblings();
var id = $column.eq(0).children("input").val();
$("#rename_file #FilePrivate_id").val(id);
$("#rename_file #FilePrivate_file_name").val($row.attr("file_name"))
.next().text("." + $row.attr("file_ext"));
}',
),
'download' => array(
'label' => '',
'url' => 'Yii::app()->controller->createUrl("/file/private/download",array(
"id"=>$data->id,"fileId"=>$data->file_id,"fileName"=>FilePrivate::getFileName($data->id,$data->file_id), "createTime"=>$data->create_time))',
'options' => array(
'class' => 'download td-link-icon icon-download-2',
'title' => '下载',
),
),
'remove' => array(
'label' => '',
'options' => array(
'class' => 'icon-remove td-link-icon',
'data-toggle' => 'modal',
'data-target' => '#remove',
'title' => '删除',
),
'click' => 'js:function(){
var $column = $(this).parent("td").siblings();
var id = $column.eq(0).children("input").val();
$("#remove #FilePrivate_id").val(id);
$("#remove h4").text("删除文件");
$("#remove .note span:eq(1)").text("确定要删除所选的文件吗?");
$("#remove #removefiles").hide();
$("#remove #removefile").show();
}',
),
),
'header' => '操作',
'htmlOptions' => array('style' => 'width:80px;text-align:center;', 'class' => 'notopen'),
'headerHtmlOptions' => array('style' => 'width:80px;text-align:center;'),
),
)
));
?>
然后在控制器里面这么渲染
/**
* 显示更多操作的按钮
*/
public function renderButtons() {
$this->widget('bootstrap.widgets.TbButtonGroup', array(
'size' => 'small',
'buttons' => array(
array('label' => '', 'items' => array(
array('label' => '重命名', 'url' => 'javascript:;', 'linkOptions' => array('id' => 'renameFile')),
array('label' => '移动到', 'url' => 'javascript:;', 'linkOptions' => array('id' => 'moveFile')),
array('label' => '复制到', 'url' => 'javascript:;', 'linkOptions' => array('id' => 'copyFile'))
)),
),
));
}
http://stackoverflow.com/questions/16352998/yii-bootstrap-widget-tbbuttoncolumn-widget-tbbuttongroup
yii在TbGridView的td里面加入相应的下拉选项(转)的更多相关文章
- Yii 1开发日记 -- 后台搜索功能下拉及关联表搜索
Yii 1 实现后台搜索,效果如下: 一. 下拉搜索: 1.模型中和常规的一样 if (isset($_GET['agency']['status']) && $_GET['agenc ...
- yii框架中的下拉菜单和单选框
yii中的下拉菜单: 第一种: <?= $form->field($model, 'parent_id')->dropDownList(ArrayHelper::map($data, ...
- Yii 生成表单下拉选框及查询下拉选框
CHtml类参考: http://www.yiichina.com/api/CHtml#activeDropDownList-detail activeDropDownList() 方法 public ...
- yii NAV x下拉
$menuItems[] = [ 'label' => "<img src='/images/small.jpg'>", 'url' => ['/site/ ...
- mydetails-yii1
1.yii验证码多余的get a new code ,即使在main.php中配置了中文也是出现获取新图片,影响效果 需要把 <?php $this->widget('CCaptcha') ...
- sphinx的使用
1.下载地址 http://sphinxsearch.com/downloads/release/ 2.将其解压到D:\sphinx,并在D:\sphinx下新建目录data(用来存放索引文件)与lo ...
- 很强大的HTML+CSS+JS面试题(附带答案)
一.单项选择(165题) 1.HTML是什么意思? A)高级文本语言 B)超文本标记语言 C)扩展标记语言 D)图形化标记语言 2.浏览器针对于HTML文档起到了什么作用? A)浏览器用于创建HTML ...
- SharePoint 2013 扩展查阅项功能
SharePoint 2013的查阅项功能,就是可以扩展其他列表字段为当前列表选项,但是选项太多的时候,会造成选择起来非常麻烦,所以,我们采取JS+Ajax的方式,改善一下这个展示,使操作更加方便. ...
- html5基础知识点
1.WEB基础知识 1.WEB 与 Internet 1.Internet 互联网 若干台计算机 通过 网线 所连接而成的物理设备 主要服务: 1.Telnet 2.Email 3.WWW(Word ...
随机推荐
- maven Spring获取不到配置文件
如题: 如果在maven项目中,Spring获取不到配置文件, 把配置文件放到.src/main/resource文件夹下即可 import org.springframework.context.s ...
- JavaScript对象的创建之基于构造方法+原型方式
为了解决原型所带来的问题,此处需要通过组合构造方法和原型来实现对象的创建,将属性在构造方法中定义,将方法在原型中定义.这种有效集合了两者的优点,是目前最为常用的一种方式. function Perso ...
- 中南大学第一届长沙地区程序设计邀请赛 New Sorting Algorithm
1352: New Sorting Algorithm Time Limit: 1 Sec Memory Limit: 128 MB Description We are trying to use ...
- 使用Spring的Property文件存储测试数据 - 编写测试和调用测试数据
准备好测试数据后,我们可以开始编写测试了,在测试用例中调用我们property文件中的测试数据. 我自己写了一个TestCase作为所有测试类基类,基类中定义了两个变量来代表之前建好的两个测试数据文件 ...
- jmeter随笔(8)--请求post的 数据为空
1.请求post的 数据为空 分析:发现是java 解决方法: 查看 2.获取文本中数据乱码问题 问题:文本保存为UTF-8编码格式 获取的数据乱码: 分析:这是编码格式的问题 解决办法: 将文件保存 ...
- Cnetos7下,已经能访问tomcat
进入/usr/local/apache-tomcat-8.0.24/bin 中 执行:./startup.sh开启tomcat 再执行如下 systemctl stop firewalld.servi ...
- android 控件描边取消重叠
今天写组件的时候用到了描边.可是两个组件放在一起时,描边会变重叠,使之变粗.就不是很美观了. 如何取消呢?网上查了好久没找到,然后就自己试了试,找到了解决方法,就在此记录一下,防止以后忘记. 很简单分 ...
- AX 利用windows粘贴板功能实现批量数据快速导出EXCEL
static void test(Args _args) { int lineNum; int titleLines; SysExcelApplication excel; SysExcelWorkb ...
- 【python】os模块
1.os.name 输出字符串指示正在使用的平台.如果是window 则用'nt'表示,对于Linux/Unix用户,它是'posix'. 2.os.getcwd() 函数得到当前工作目录,即当前Py ...
- CSS常用的属性命名
页头:header 如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条:loginBar 标志:logo ...