ExtJS Grid 열 렌더링
//
// <1>grid :
{id:'cardStatusIcon',header:'',dataIndex:'cardStatus',
width:50,align:'center',renderer:renderer_Meta_expireDate_icon,resizable:false,sortable:false},
// <2>
function renderer_Meta_expireDate_icon(value, cellmeta, record,rowIndex, columnIndex, store){
//------------------------------Configuration------------------------BEG
// Target cell set
var cellID = 'Meta_expireDate';
// Day count config
var intervalZero = 0; // Include
var intervalDay30 = 30; // Don't include
var intervalDay60 = 60; // Don't include
var intervalDay90 = 90; // Don't include
// Image path config
var iconDirPath = "/images/icons/silk/";
var iconRedName = "remind_red.png";
var iconGreenName = "remind_green.png";
var iconYellowName = "remind_yellow.png";
var iconInvalid = "remind_invalid.png";
var iconWarningGreen = "warning_blue.png";
var iconRedPath = iconDirPath + iconRedName;
var iconGreenPath = iconDirPath + iconGreenName;
var iconYellowPath = iconDirPath + iconYellowName;
var iconInvalidPath = iconDirPath + iconInvalid;
var iconWarningGreenPath = iconDirPath + iconWarningGreen;
// Return element config
var returnHtmlHead = "<img src='";
var returnHtmlFoor = "'/>";
var returnHtmlInfo = "";
//------------------------------Configuration------------------------END
// Current date
var currentDate = new Date();
var curYear = currentDate.getFullYear();
var curMonth = currentDate.getMonth();
var curDay = currentDate.getDate();
// Card end date
var cardEndDate = record.get(cellID);
var cardEndYear = cardEndDate.substring(0,4);
var cardEndMonth = eval(cardEndDate.substring(5,7)-"1");
var cardEndDay = cardEndDate.substring(8,10);
// Example: "2013-04-17" - "2013-04-19" interval 2 day,staring clock point "00:00"
var intervalFact=((Date.parse(cardEndMonth+'/'+cardEndDay+'/'+cardEndYear)
- Date.parse(curMonth+'/'+curDay+'/'+curYear))/86400000);
var temp = "";
// Day >= 0 && Day <30
if(intervalFact >= intervalZero && intervalFact < intervalDay30){
temp = iconRedPath;
}else if(intervalFact >= intervalDay30 && intervalFact < intervalDay60){
temp = iconYellowPath;
}else if(intervalFact >= intervalDay60 && intervalFact < intervalDay90){
temp = iconWarningGreenPath;
}else if(intervalFact < intervalZero){
temp = iconInvalidPath;
}else{
temp = iconGreenPath;
}
returnHtmlInfo = returnHtmlHead + temp + returnHtmlFoor;
return returnHtmlInfo;
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.