给jqgrid加按钮

租赁专柜接口,做账号管理的时候,要根据状态status来给jqgrid加 开通、冻结和恢复按钮,具体代码如下
因为要判断,所以把代码放在 gridComplete:function(){}里面,

var ids = $("#gridcontent").getDataIDs();
        for (var i = 0; i < ids.length; i++) {
        var cl = ids[i];
        var status=$("#gridcontent").getCell(cl,"STATUS");
        //定义按钮,并用onclick把行号传入方法里面
        var openbtn = "<input type='button' style='height:20px' value='开通' onclick=\"modify('"+cl+"');\"  />";
        var recoverbtn = "<input type='button' style='height:20px;background:green' value='恢复' onclick=\"modify('"+cl+"');\"  />";
        var cancelbtn = "<input type='button' style='height:20px;background:red' value='冻结' onclick=\"modify('"+cl+"');\"  />";
        //判断状态并添加按钮
        if(status=="N"){
                $("#gridcontent").jqGrid("setRowData", ids[i], { OPERRATE: openbtn});
        }else if(status=="W"){
                $("#gridcontent").jqGrid("setRowData", ids[i], { OPERRATE: recoverbtn});
        }else{
                $("#gridcontent").jqGrid("setRowData", ids[i], { OPERRATE: cancelbtn});}
        }

下面是onclick调用的方法
主账号的开通、冻结与恢复
因为是onclick调用的方法,不写在$(function(){})里面

function modify(id) {
    //通过行号判断状态
    var status=$("#gridcontent").getCell(id,"STATUS");
    var msg = "";
    if(status=="Y"){
        msg="是否确认冻结?";
    }else if(status=="W"){
        msg="是否确认恢复?";}
    else{
        msg="是否确认开通?";
    }
    if(confirm(msg)){//confirm可以做一次确认,返回值是布尔型,取消返回false
        var r = $("#gridcontent").getRowData(id);
        $.common.loadData({
            url:"<%=basePath%>modifycounter.htm",
            postdata:{userid:r.USERID,status:r.STATUS,counter:r.COUNTER,username:r.USERNAME},
            success:function(result){
            if(result[0].ret=="1"){
                $("#gridcontent").trigger("reloadGrid");
            }else{
                alert(result.desc);
                }
            }
            });
        } 
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,939评论 25 708
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,814评论 2 17
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,498评论 0 17
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,853评论 18 139
  • 娱乐圈张雨绮宣布结婚的消息赫然映入眼帘,点开一看,不出所料,如意郎君是一位财力雄厚的成功人士。 而另一位女星熊黛林...
    果茉莉阅读 725评论 5 11