Extjs girdPanel 디스플레이 이미지
var invoiceGridPanel = Ext.create('Ext.grid.Panel', {
id : 'invoiceGridPanel',
store : invoiceStore,
title : '',
columnLines : true,
frame : true,
features : [ {
ftype : 'summary'
} ],
selModel : {
selType : 'checkboxmodel',
mode : 'SINGLE'
},
columns : [ {
xtype : 'actioncolumn',
width : 280,
dataIndex : 'INVOICE_ID_',
text : '',
align : 'center',
renderer : function(value, metaData, record) {//
var id = metaData.record.id;
Ext.defer(function() {
Ext.create('Ext.Img', {
height : 140,
width : 250,
src : 'loadInvoiceRider.do?INVOICE_ID_=' + value,
renderTo : id,
listeners : {// ，
scope : this,
el : {
dblclick : function(e, a) {
var winViewImage = Ext.create('Ext.Window', {
width : 750,
height : 500,
maximizable : true,//
title : '',
layout : "fit", //
modal : true, // ， false
resizable : false,//
closeAction : 'hide', // ( )
plain : true,//
draggable : true,//
border : false,
items : [ Ext.create('Ext.Img', {
width : 750,
height : 500,
src : 'loadInvoiceRider.do?INVOICE_ID_=' + value
}) ]
});
winViewImage.show();
}
}
}
})
}, 50);
return Ext.String.format(' ', id);
}
}, {
text : '',
dataIndex : 'INVOICE_CODE_',
style : 'text-align: center;',
summaryType : 'sum',
summaryRenderer : function(value) {
return ' ';
},
flex : 1
}, {
text : '',
dataIndex : 'INVOICE_NO_',
style : 'text-align: center;',
flex : 1
}, {
text : '',
dataIndex : 'INVOICE_DATE_',
style : 'text-align: center;',
flex : 1
}, {
text : '',
dataIndex : 'SUM_',
style : 'text-align: center;',
width : 100,
summaryType : 'sum'
}, {
text : '',
dataIndex : 'MEMO_',
style : 'text-align: center;',
flex : 1
}, {
text : '',
style : 'text-align: center;',
width : 80,
renderer : function(value, metaData, record, rowIdx, colIdx, store, view) {
return '' + '' + '';
}
} ],
viewConfig : {
emptyText : ' 다음으로 전송:https://www.cnblogs.com/mwd-banbo/p/8570097.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
