给angularJs grid列上添加自定义按钮

由于项目需要在angular 显示的表格中添加按钮，多次查询资料终于找到解决方法。就是给columnDefs 上的列增加 cellTemplate，同时绑定对应的触发事件，代码如下

　　columnDefs: [

 enableFiltering : true,　　　　　{name: 'id', displayName: '任务名称', width: '20%',cellFilter:'taskNameConvert'}, {name: 'busType',displayName : '任务类型',width : '20%',cellFilter : 'documentTypeConvert'}, {name : 'status',displayName : '进度',width : '20%',cellFilter : 'statusConvert'}, {name: 'createTime',displayName: '创建时间',width : '20%',cellFilter : 'date : "yyyy-MM-dd hh:mm:ss"'}, /*cellTemplate绑定点击事件必须设置为grid.appScope.方法名*/ {name : 'button',displayName : '功能',width : '18%',cellTemplate : '<div class="ui-grid-cell-contents"><a ng-href="" ng-if="row.entity.status == \'2\'" style="color: #0000cc;" ng-click="grid.appScope.download(row.entity);"下载</a></div>'} 　　],

$scope.download = function(obj){window.location.href = 'http://xxxxxxx/' + obj.url;};

我用到的是a标签，如果需要按钮则将 a 标签换成 button 标签即可。

注意：绑定的事件格式一定要为 grid.appScope.方法名，不然方法无法调用，别问我咋知道的。。。

效果图如下：

转载于:https://www.cnblogs.com/suiyueqiannian/p/6611220.html

给angularJs grid列上添加自定义按钮相关推荐

ueditor编辑器添加自定义按钮
一,ueditor的使用过程: 准备工具:将下载的ueditor文件考入项目中, 在jsp文件中引入ueditor.all.js,ueditor.config.js,ueditor.css,zh-cn ...
angularjs php上传文件,AngularJS 文件上传的功能你了解的多少？几分钟就让你了解angularjs的文件上传...
本篇文章主要的讲述了angularjs的文件上传功能,大家又不懂都可以来看,希望能帮助到大家.下面就让我们一起来看这篇文章吧问题描述附件上传检定结果以附件形式上传. 这里先不考虑api. 实现的任 ...
Dynamics CRM2013 任务列表添加自定义按钮
任务列表的command bar 上面添加自定义按钮如下要注意的是此处的列表不是任务实体而是活动实体,如果你是在任务实体的home栏上面加那你永远看不见按钮的显示,但如果是要在任务的表单界面上加按钮 ...
laravel-admin 在列表页添加自定义按钮
我的个人博客:逐步前行STEP 为了添加自定义按钮,按官方文档分4步走: 1.先定义工具类app/Admin/Extensions/Tools/ShowArtwork.php: <?phpnam ...
如何使用Entity Framework在Always Encrypted列上模拟通配符搜索
介绍 (Introduction) The title of this post should have been "How to implement wildcard search fun ...
Excel只对列上指定内容进行序号累加的操作
今天要和大家分享的是,Excel只对列上指定内容进行序号累加的操作,比如下图中的数据,我们只需要对北京一中这个字段进行序号累加操作 (方方格子插件) 1.先看动图演示吧 2.为了完成这一操作我们可以选 ...
angularjs java 文件上传_学习使用AngularJS文件上传控件
前段时间做项目遇到一个需求是上传文件,大概需要实现的样式是这样子的,见下图: 需要同时上传两个文件.并且规定文件格式和文件大小.因为前端框架使用angular,且不想因为一个上传功能又引入一个jque ...
Microsoft Power Platform MDA app添加自定义按钮
想在model driven app里面添加自定义按钮有两种方式,一种是直接在app编辑模式里面通过edit command bar方式编辑,这种目前因为没权限还没试过,后续试过再更新细节还有一种方 ...
2023年1月9日：fastadmin在列表操作列区域添加按钮及控制已有按钮显示
列表操作列区域添加按钮 buttons: [{name: 'detail',title: __('详情'),classname: 'btn btn-xs btn-primary btn-dialog' ...

给angularJs grid列上添加自定义按钮

给angularJs grid列上添加自定义按钮相关推荐

最新文章

热门文章