zoukankan      html  css  js  c++  java
  • datagrid 里面的formatter方法

    A、{field:'station_staus',title:'工位状态',250,align:'center',formatter: function(value,row,index){
                                        if (row.station_staus==0){
                                            return "现实";
                                        } 
                                        if(row.station_staus==1){
                                            return "虚拟";
                                        }
                                 }},
    B、function(value, row, index) {
        return "<a href='javascript:void(0)' onclick='edit(""+row.id+"")'>修改</a>&nbsp;&nbsp;<a href='javascript:void(0)' onclick='del(""+row.id+"")'>删除</a>";}
    
    C、可以直接编辑
         {field:'22',title:'操作',230,align:'center',sortable:true,formatter : function(value, row, index) {
                                        return "<a href='javascript:void(0)' onclick='edit(""+row.id+"")'>修改</a>&nbsp;&nbsp;<a href='javascript:void(0)' onclick='del(""+row.id+"")'>删除</a>";
                                }}
                                ] ],
                                border : false,
                                striped : true,
                                fit : true,
                                rownumbers : true,
                                pageSize : 20,
                                fitColumns : true,
                                ctrlSelect : true,
                                pagination : true,
                                remoteSort : false,
                                toolbar : "#tool",
                                 onAfterEdit: function (rowIndex, rowData, changes) {
                                        //endEdit该方法触发此事件
                                        console.info(rowData);
                                        saveSort(rowData.id,rowData.sort);
                                        editRow = undefined;
                                    },
                                    onDblClickCell: function (rowIndex, rowData) {
                                    //双击开启编辑行
                                        if (editRow != undefined) {
                                            $("#tb").datagrid("endEdit", editRow);
                                            editRow = undefined;
                                        }
                                        if (editRow == undefined) {
                                            $("#tb").datagrid("beginEdit", rowIndex);
                                            editRow = rowIndex;
                                        }
                                    } ,
                                    onClickRow:function(rowIndex,rowData){
                                        if (editRow != undefined) {
                                            $("#tb").datagrid("endEdit", editRow);
                             
                                        } 
                                    }
                            });
                        });                        }
    
    D、 列表栏区域变色              {field:'state',title:'状态',100,align:'center',sortable:true,formatter : function(value, row, index) {
                                    if (row.state == "1") {
                                        return "<span style='color:red'>已回访</span>";
                                    }else{
                                        return "<span style='color:green'>未回访</span>";
                                    }
                                }},
  • 相关阅读:
    Javascript异步数据的同步处理方法
    《Node.js In Action》笔记之流程控制
    《第一行代码》笔记
    【转向Javascript系列】深入理解Web Worker
    【转向Javascript系列】从setTimeout说事件循环模型
    以todomvc为例分析knockout、backbone和angularjs
    25个国内顶级技术开发团队Github
    配置Redis作为缓存(六种淘汰策略)
    JVM性能优化 初识JVM
    JVM性能优化垃圾回收算法详解
  • 原文地址:https://www.cnblogs.com/baijin05/p/5040363.html
Copyright © 2011-2022 走看看