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');}
阅读全文
0 0
- datagrid 选中行详情展示(显示格式化后字段)
- DataGrid 显示选中的item
- 高亮显示datagrid中鼠标选中的行
- datagrid选中行
- FLex的datagrid删除选中行后,让最后一行选中
- DataGrid分页显示复选框选中
- easyui-datagrid行编辑,后台以主表为基表关联从表进行查询数据后,在前台行编辑字段内容的显示
- DataGrid的多种格式化显示方法
- DataGrid的多种格式化显示方法
- DataGrid的多种格式化显示方法
- 选中DataGrid的某一行
- 自动选中某行datagrid
- datagrid 删除选中的行
- ListView某一行被选中后显示不同的样式
- 商品详情页面展示
- 搜索展示详情
- easyui-datagrid页面显示图片,点击弹框展示图片
- 【easyui】datagrid设置背景色后,无选中效果
- 图片的二次采样
- sorry
- MFC多线程CWinThread实例
- Android中的动画
- Java之美[从菜鸟到高手演变]系列之博文阅读导航
- datagrid 选中行详情展示(显示格式化后字段)
- 自定义控件那些事儿 ----- 三【量测】
- Delphi XE中String、ANSIString、TBytes之间的转换 一、string转为ansistring 1、直接赋值 (有警告) 2、ansistring()类型强制转换。(无警
- esp8266 GPIO模拟串口
- japser report 使用三目运算代替if else
- tkinter模块问题
- spring boot + mybatis + jsp整合
- 统计一个数字在排序数组中出现的次数
- MFC中调用Python