easyuidatagrid展开行记录展示自定义内容

var state = $.data(target, 'datagrid'); var opts = s; if (frozen){ if (!(bers || (Columns && ))){ return; } } var rows = ; var fields = $(target).datagrid('getColumnFields', frozen); var table = []; ('

} for(var i=0; i<; i++){ var field = fields[i]; var col = $(target).datagrid('getColumnOption', field); if (col){ var value = rowData[field]; // the field value var css = ? ((value, rowData, rowIndex)||'') : ''; var classValue = ''; var styleValue = ''; if (typeof css == 'string'){ styleValue = css; } else if (cc){ classValue = css['class'] || ''; styleValue = css['style'] || ''; } var cls = classValue ? 'class="' + classValue + '"' : ''; var style = ? 'style="display:none;' + styleValue + '"' : (styleValue ? 'style="' + styleValue + '"' : ''); (''); if (ox){ style = ''; } else if (er){ style = "text-align:center;height:16px;"; } else { style = styleValue; if (){style += ';text-align:' + + ';'} if (!){ style += ';white-space:normal;height:auto;'; } else if (wHeight){ style += ';height:auto;'; } } ('

var view1 = 1; var view2 = 2; var isAppend = false; var rowLength = $(target).datagrid('getRows').length; if (rowLength == 0){ $(target).datagrid('loadData',{total:1,rows:[row]}); return; } if (index == undefined || index == null || index >= rowLength) { index = rowLength; isAppend = true; ateDetail = false; } $.(this, target, index, row); _insert(true); _insert(false); ateDetail = true; function _insert(frozen){ var tr = (target, index, 'body', frozen?1:2); if (isAppend){ var detail = (); var newDetail = ().clone(); After(detail); } else { var newDetail = ().next().clone(); } After(tr); (); if (!frozen){ ('id-row-detail').html((target, index, row)); } } }, deleteRow: function(target, index){ var opts = $.data(target, 'datagrid').options; var dc = $.data(target, 'datagrid').dc; var tr = (target, index); ().remove(); $.(this, target, index); rHandler('scroll'); }, updateRow: function(target, rowIndex, row){ var dc = $.data(target, 'datagrid').dc; var opts = $.data(target, 'datagrid').options; var cls = $(target).datagrid('getExpander', rowIndex).attr('class'); $.(this, target, rowIndex, row); $(target).datagrid('getExpander', rowIndex).attr('class',cls); // update the detail content if (dateDetail && ateDetail){ var row = $(target).datagrid('getRows')[rowIndex]; var detail = $(target).datagrid('getRowDetail', rowIndex); ((target, rowIndex, row)); } }, bindEvents: function(target){ var state = $.data(target, 'datagrid');

var state = $.data(target, 'datagrid'); if (tailEvents){return;} tailEvents = true; var dc = ; var opts = s; var body = (2); var clickHandler = ($.data(body[0],'events')||$._data(body[0],'events')).click[0].handler; ('click').bind('click', function(e){ var tt = $(); var tr = t('id-row'); if (!){return} if (ss('datagrid-row-expander')){ var rowIndex = parseInt(('datagrid-row-index')); if (ss('datagrid-row-expand')){ $(target).datagrid('expandRow', rowIndex); } else { $(target).datagrid('collapseRow', rowIndex); } $(target).datagrid('fixRowHeight'); } else { clickHandler(e); } opagation(); }); }, onBeforeRender: function(target){ var state = $.data(target, 'datagrid'); var opts = s; var dc = ; var t = $(target); var hasExpander = false; var fields = id('getColumnFields',true).concat(id('getColumnFields')); for(var i=0; i<; i++){ var col = id('getColumnOption', fields[i]); if (er){ hasExpander = true; break; } } if (!hasExpander){ if (Columns && ){ Columns[0].splice(0,0,{field:'_expander',expander:true,width:24,resizable:false,fixed:true}); } else { Columns = [[{field:'_expander',expander:true,width:24,resizable:false,fixed:true}]]; } var t = en('id-header').find('table'); var td = $('

// ents(target); // },0); // } }, onAfterRender: function(target){ var that = this; var state = $.data(target, 'datagrid'); var dc = ; var opts = s; var panel = $(target).datagrid('getPanel'); $.(this, target); if (!zeColumn){ zeColumn = zeColumn; } if (!ze){ ze = ze; } function resizeDetails(){ var ht = ('table'); var fr = ('id-filter-row').hide(); var ww = ()-1; var details = ('>id-btable>tbody>tr>td>id-row-detail:visible')._outerWidth(ww); // var details = ('id-row-detail:visible')._outerWidth(ww); ('.easyui-fluid').trigger('_resize'); (); } zeColumn = function(field, width){ if (!umns){ resizeDetails(); } var rowCount = $(target).datagrid('getRows').length; for(var i=0; i

return (function(){ var opts = $.data(this, 'datagrid').options; if (!(bers || (Columns && ))){ return; } var dc = $.data(this, 'datagrid').dc; var tr1 = (this, index, 'body', 1).next(); var tr2 = (this, index, 'body', 2).next(); // fix the detail row height if ((':visible')){ ('height', ''); ('height', ''); var height = ((), ()); ('height', height); ('height', height); } rHandler('scroll'); }); }, getExpander: function(jq, index){ // get row expander object var opts = $.data(jq[0], 'datagrid').options; return (jq[0], index).find('id-row-expander'); }, // get row detail container getRowDetail: function(jq, index){ var opts = $.data(jq[0], 'datagrid').options; var tr = (jq[0], index, 'body', 2); // return ().find('id-row-detail'); return ().find('>td>id-row-detail'); }, expandRow: function(jq, index){ return (function(){ var opts = $(this).datagrid('options'); var dc = $.data(this, 'datagrid').dc; var expander = $(this).datagrid('getExpander', index); if (ss('datagrid-row-expand')){ Class('datagrid-row-expand').addClass('datagrid-row-collapse'); var tr1 = (this, index, 'body', 1).next(); var tr2 = (this, index, 'body', 2).next(); (); (); $(this).datagrid('fixDetailRowHeight', index); if (ndRow){ var row = $(this).datagrid('getRows')[index]; (this, index, row); } } }); }, collapseRow: function(jq, index){ return (function(){ var opts = $(this).datagrid('options'); var dc = $.data(this, 'datagrid').dc; var expander = $(this).datagrid('getExpander', index); if (ss('datagrid-row-collapse')){ Class('datagrid-row-collapse').addClass('datagrid-row-expand'); var tr1 = (this, index, 'body', 1).next(); var tr2 = (this, index, 'body', 2).next(); (); (); rHandler('scroll'); if (apseRow){ var row = $(this).datagrid('getRows')[index]; (this, index, row); } }

} }); }});$.extend($.s, { subgrid: function(jq, conf){ return (function(){ createGrid(this, conf); function createGrid(target, conf, prow){ var queryParams = $.extend({}, arams||{}); // queryParams[nField] = prow ? prow[nField] : undefined; if (prow){ var fk = nField; if ($.isFunction(fk)){ $.extend(queryParams, (conf, prow)); } else { queryParams[fk] = prow[fk]; } } var plugin = rid ? 'edatagrid' : 'datagrid'; $(target)[plugin]($.extend({}, s, { subgrid: d, view: (d ? detailview : undefined), queryParams: queryParams, detailFormatter: function(index, row){ return '

} })); } function getSubGrid(rowDetail){ var div = $(rowDetail).children('div'); if (en('id').length){ return ('>id>-body>id-view>id-subgrid'); } else { return ('>id-subgrid'); } } function setParentHeight(target){ var tr = $(target).closest('id-row-detail').closest('tr').prev(); if (){ var index = parseInt(('datagrid-row-index')); var dg = t('id-view').children('table'); setHeight(dg[0], index); } } function setHeight(target, index){ $(target).datagrid('fixDetailRowHeight', index); $(target).datagrid('fixRowHeight', index); var tr = $(target).closest('id-row-detail').closest('tr').prev(); if (){ var index = parseInt(('datagrid-row-index')); var dg = t('id-view').children('table'); setHeight(dg[0], index); } } }); }, getSelfGrid: function(jq){ var grid = t('.datagrid'); if (){ return ('>.datagrid-wrap>.datagrid-view>.datagrid-f'); } else { return null; } }, getParentGrid: function(jq){ var detail = t('id-row-detail'); if (){ return t('.datagrid-view').children('.datagrid-f'); } else { return null; } }, getParentRowIndex: function(jq){ var detail = t('id-row-detail'); if (){ var tr = t('tr').prev(); return parseInt(('datagrid-row-index')); } else { return -1; } }});