datagrid 选中行详情展示(显示格式化后字段)

来源:互联网 发布:js向html传值 编辑:程序博客网 时间:2024/06/06 11:47
datagrid 初始化:onDblClickCell: function (index, field, value) {    var row = $(this).datagrid('getSelected');    showDetail('#stanPosOrgDataGrid', row, 1);},//双击展示详情function getFormatterValue(column,value){   var formatterNames = new Array("date_formatter")   var formatterName;    if(column.formatter){        formatterName = column.formatter.name;        if ( formatterNames.indexOf(formatterName) !=-1) {            //知道函数名,执行函数的方法            return eval(formatterName+"("+value+","+null+","+0+")");      }else{           return null_formatter(value);      }    }else{       return null_formatter(value);   }};function null_formatter(value) {   if(value == null){      return "";   }else{      return value;   }}function showDetail(tableId,row, flag) {    // if (flag) { // row = decryption(row);// 完成数据解密 // } var tableView = $(tableId);    var columns = tableView.datagrid("options").columns[0];    var str = '<form><table class="customers">';    var count = 0;    for (var i in columns) {       if(columns[i].title != '操作'){            if(count ==0){                str = str + '<tr><th style="width: 150px">' + columns[i].title + ':</th><td style="width: 340px">' + getFormatterValue(columns[i],row[columns[i].field]) + '</td>';                count++;            }else {                str = str + '<th style="width: 150px">' + columns[i].title + ':</th><td style="width: 340px" >' + getFormatterValue(columns[i],row[columns[i].field]) + '</td></tr>';                count=0;            }      }    }    if (count != 0) {        str = str+ '<td style="width: 150px" ></td><td style="width: 350px"></td></tr>' }    str = str + '</table></form>';    var id = 'infodialog';    var obj;    if ($('#' + id) && $('#' + id).length > 0) {        obj = $('#' + id);    } else {        $('body').append('<div id="' + id + '"></div>');        obj = $('#' + id);        $(obj).dialog({            title: "详细信息", // dialog左上角的名称  modal: true, // 模式化  closed: true,            width: 1000,            height: 610,            onOpen: function () {                // $('#Search_form').form('clear'); },            buttons: [{                text: "确定",                iconCls: "icon-ok",                handler: function () {                    $(obj).dialog('close');                }            }]        });    }    $(obj).empty();    $(obj).append(str);    $(obj).dialog('open');}
原创粉丝点击