참고하시라...
function createDocLinktable(first,second,third){
var CenterOneColumn = new Ext.Panel({
layout:'column',
height:25,
items : [{
width:20,
html: first
},{
width:80,
html: second
},{
width:30,
html: third
}]
});
return CenterOneColumn;
}
먼저 칼럼형태로 이렇게 하나의 행을 만들어 주는 함수로 이게 컨셉임
html을 바로 써넣고 칼럼 형태로 지정해서 테이블의 한 행을 나타낸다
var tablecontainer = {
xtype:'panel',
baseCls:'x-plain',
style:'line-height:200%',
style:'padding:5px 5px 5px 20px',
items:[createDocLinktable('<img align=absmiddle src="asdf.png">','게시물제목', '20100101')
...(몇개 더 넣음)
]
};
그리고 이렇게 패널 컨테이너에 여러개의 행을 넣어보자...
결과 화면은 다음과 같다

html등을 손봐서 적용하면 다음과 같이도 가능

function createDocLinktable(first,second,third){
var CenterOneColumn = new Ext.Panel({
layout:'column',
height:25,
items : [{
width:20,
html: first
},{
width:80,
html: second
},{
width:30,
html: third
}]
});
return CenterOneColumn;
}
먼저 칼럼형태로 이렇게 하나의 행을 만들어 주는 함수로 이게 컨셉임
html을 바로 써넣고 칼럼 형태로 지정해서 테이블의 한 행을 나타낸다
var tablecontainer = {
xtype:'panel',
baseCls:'x-plain',
style:'line-height:200%',
style:'padding:5px 5px 5px 20px',
items:[createDocLinktable('<img align=absmiddle src="asdf.png">','게시물제목', '20100101')
...(몇개 더 넣음)
]
};
그리고 이렇게 패널 컨테이너에 여러개의 행을 넣어보자...
결과 화면은 다음과 같다

html등을 손봐서 적용하면 다음과 같이도 가능

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다
Trackback RSS : http://dhappy.net/rss/trackback/344
Trackback ATOM : http://dhappy.net/atom/trackback/344



