力软敏捷框架 jfGrid 使用例子之一

百度了下关于力软敏捷框架 jfGrid的教程,基本没有,出来的全是jqGrid。好吧看来只能自己上手了

今天来讲讲列设置属性里数据格式化事件(formatter)的使用

常规的使用方式如上图所示。

先来说说各个参数的意思:

cellvalue 当前单元格的数据值,也就是你赋的值是什么就是什么。

row 是当前行的值,这个能获取当前行的各个列的数据。

op 是当前jfGrid初始化的时候所有的设置数据值,就是  $(‘#id‘).jfGrid(op)  中的op。这个参数基本用不太到,至少我使用里是这样的。

$cell  单元格的dom 对象,这个就比较有用了,我的很多功能都可以通过它来实现。比方说上图中的例子也可以写成

formatter:function(cellvalue,row,op,$cell){
        if(cellvalue){
             $cell.text(cellvalue);
        }
        else{
             $cell.html(‘<span class=\"label label-danger\">未使用</span>‘)
        }
} 

两个效果是一样的。

通过$cell 还可以来改变单元格的颜色和字体的颜色,比方 $cell.css(‘background-color‘,‘red‘) / $cell.css(‘color‘,‘red‘)

最后实现一个设置操作按钮的方法

formatter: function (value, row, op, $cell) {
    var $div = $(‘<div></div>‘);
        for (var i = 0, l = 5; i < l; i++) {
            var $hbtn = $(‘<span class=\"label label-info\" style=\"cursor: pointer;margin-right:8px;\">按钮‘ + (i + 1) + ‘</span>‘);
            $hbtn.on(‘click‘, function () {
                var name = $(this).text();
                alert(name);
            });
            $div.append($hbtn);
        }

        return $div;}

效果:

最后祝大家项目顺利。

原文地址:https://www.cnblogs.com/lr215/p/12669543.html

时间: 2024-10-31 08:33:44

力软敏捷框架 jfGrid 使用例子之一的相关文章

力软敏捷框架7.0.6 葡萄城报表升级到ar14版本

忙了两天终于搞定升级到ar14版本,坑无数,终于算全部解决,在这里做一个小结. 1.第一步去掉框架中原本集成的ar13部分(吐槽一下应该是对12的集成). 首先去掉licenses.licx文件. 然后删掉这些引用 删掉ActiveReports.ReportService.asmx   删掉 去掉web.config文件里的关于ar13的配置,想不懂为什么ar13集成为什么会这么麻烦. 搞定,截图真的是个雷人的活 2.第二部是下载事例工程,地址https://github.com/active

力软敏捷开发框架7.0版本更新资料

感谢一直以来广大用户对力软的支持,现将力软敏捷框架7.0版本更新情况发布如下:1新添加了?1.多语言功能:?2.代码生成器模版:a.可编辑列表代码生成器(Excel风格)模版:b.报表现实代码生成器模版:3.树形代码生成功能:4.动态配置首页功能5.外部邮件收发功能6.办公类型文件在线预览功能:7.表单页面的弹出框:a.左边树:b.中间选择:c.右边显示已选择2修复1.表格控件子表格展开显示异常问题:2.日期控件偶尔出现格式错乱问题:3.分页控件页面再次加载页数错误问题3优化1.代码生成器优化成

力软敏捷开发平台 7.0.6 框架源码下载

接触这个框架有三年的时间了,初次接触b/s型开发项目时,是在指导人员的帮助下完成的,技术上确实也学到了一些东西,但个人觉得最大的收获是在开发软件项目的过程中,自己意识上的提升,如做项目是考虑其合理性安全性以及并发性的重要性与必要性,这么想来发现我们以前开发的项目简直太肤浅了,接来下我还是踏下心来研究处理好创业项目的测试以及后台程序并发性,安全性的问题吧. 任何一个框架都是不完美的,此框架也是,有其便利的地方,我们用起来很舒服,开发起来很方便,但是每当我们想要加入个性化要求的时候这便是一件比较蛋疼

OA系统构建神器---力软敏捷开发框架

现在企业对OA系统的要求越来越高了,十年前把请假单,报销单这些乱七八糟的单据实现无纸化就可以叫OA系统了,后来做OA的这些厂商又坐不住了,所性把工作流也整合进来了.这样也就算了,随着这几年微信.APP的崛起,于是企业主便通过微信.APP把魔爪伸向了无辜的劳动人民,是的,微信和APP也被整合进来了,号称办公无处不在(在哪儿你都得给老子干活,小样压榨不死你). 对于开发OA系统的企业和团队来说,技术要求真的是越来越高了,整个工作流进来已经废了半条小命,这下还要把微信,安卓.IOS给弄进来,上哪儿学这

力软敏捷开发框架

力软敏捷开发框架(第六代)软件行业的3D打印机.整合框架,给用户和开发者最佳的.Net框架方案.力软敏捷开发框架是一套集快速开发+通用权限管理+工作流+即时通讯+微信组件+手机APP开发于一体的敏捷开发框架.能帮企业提高开发效率,提升软件质量,使得软件研发人员只用关注核心业务的实现.拥有了这套框架您只需要一批.net程序员, 就能把架构师.美工妹.APP开发人员的活全干了.只要您创意有了,设计出来了,马上就能通过力软敏捷开发框架快速实现.它就是软件行业的3D打印机! 框架官网:http://ww

力软敏捷开发框架,至美UI,强大功能组件,给开发一个加速度!

力软敏捷开发框架,软件行业的3D打印机.整合框架,给用户和开发者最佳的.Net框架方案. 力软敏捷开发框架是一套集快速开发+通用权限管理+工作流+即时通讯+微信组件+手机APP开发于一体的敏捷开发框架. 能帮企业提高开发效率,提升软件质量,使得软件研发人员只用关注核心业务的实现.拥有了这套框架您只需要一批.net程序员, 就能把架构师.美工妹.APP开发人员的活全干了.只要您创意有了,设计出来了,马上就能通过力软敏捷开发框架快速实现. 它就是软件行业的3D打印机! UI 首先是界面UI,界面是一

力软敏捷开发框架-轻量化app一键快速开发

APP怎么快速开发?2018年,力软敏捷开发框架的APP在线制作平台已经逐步成熟.你不需要任何的编程技术,自己就可以通过力软敏捷开发框架上面的APP应用,拼图式自己快速搭建出一个手机互联网APP. 在整体框架都已经搭建好了,开发者只用实现业务功能.并且敏捷开发框架内已经集成了大量业务模板.大量的公共组件,开发人员只需要根据开发向导进行设置就可速度完成开发工作.让APP开发的成本可以降低90%左右,这种免编程自己制作手机APP的方法,对于没有技术团队.雄厚资本的中小企业及个人创业者来说,无疑是巨大

【力软7.0.5】力软敏捷开发框架源码更新发布,企业级.net快速开发平台

力软敏捷开发框架7.0.5版发布,企业级.net快速开发平台 升级日志: 新增 1.代码生成器,可保存方案: 2.加入葡萄城报表.套打: 3.流程手写签名.印章管理: 4.仓库平面图数据展示: 5.数据源的带参数查询: 6.表格控件字段的隐藏: 7.甘特图+项目管理示例: 8.Redis消息队列示例: 9.首页工作流任务处理界面: 修复 1.数据权限同一字段多次参与条件运算异常: 2.流程撤销异常: 3.日期控件在表格中使用异常: 4.清空缓存不彻底问题: 5.代码生成器生成编码字段异常: 6.

力软敏捷开发框架V7.0.6新版移动端上线,支持钉钉、支付宝等小程序

日前,力软敏捷开发框架V7.0.6正式更新,新增了微信小程序模块,为了进一步提升框架的实用性,对移动端功能再次进行了更新,目前可同步支持微信.支付宝.百度.头条.QQ.钉钉等小程序. 小程序相关功能使用方法比较简单,这里以钉钉为例做一下基础演示: 在表单页右上角点击"分享"按钮,可以分享到钉钉群聊或私聊 相关人员点击这个链接会自动启动小程序,登录之后直接跳转到对应的表单,自动进入流程. 如账号已经登陆,会直接进入流程 到此流程结束. 力软敏捷开发框架是一套基于智能化可扩展组件式的软件系