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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进课程实践、课外项目或毕业设计。通过分析和运源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值