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

最新推荐文章于 2021-06-26 19:38:01 发布

果果篮

最新推荐文章于 2021-06-26 19:38:01 发布

阅读量330

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_33330775/article/details/78672210

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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');
}