달력

122019  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

'DataTable'에 해당되는 글 2건

  1. 2009.04.09 YUI DataTable sort
  2. 2009.02.16 [YUI] DataTable을 이용한 그리드테이블 (4)
javascript의 sort를 이용해서 처리할 뻔 했습니다. 메일링리스트 뒤져보다가 sortColumn 발견하고 한 줄로 처리했습니다. 휴~

var myDataSource = new YAHOO.util.DataSource(data.contents.ranks);
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
myDataSource.responseSchema = {
    fields: ["rankid","rankName"]
};
//function sortby(a,b) {
//    return a["rankid"] - b["rankid"];
//}
//myDataSource.liveData.sort(sortby);
...
var myColumnDefs = [
    {key:"rankid", label:"id", sortable:true, resizeable:true},
    {key:"rankName", label:"name", sortable:true, resizeable:true},
    {key:"",label:"",resizeable:true, formatter:this.formatControl}
   ];
var myDataTable = new YAHOO.widget.DataTable("ranklist", myColumnDefs, myDataSource);
myDataTable.sortColumn(myDataTable.getColumn("rankid"));


Posted by 케누 kenu허광남

댓글을 달아 주세요

웹에서 엑셀을 표현하는 것은 아주 많이 요구됩니다. 구글처럼 석박사로 구성된 사람들이 가까스로 만든 것이 구글독스의 스프레드시트입니다. 점점 발전하고 있죠. 놀라울 정도로 업그레이드되고 있습니다. 처음 나왔을 때는 볼품없었는데 말이죠.

YUI를 통해서 그 정도는 아니지만 그냥 볼만하게 그리드테이블을 구현할 수 있습니다.
http://developer.yahoo.com/yui/examples/datatable/dt_basic.html 
페이지를 보면 다음과 같이 깔끔한 테이블이 보입니다. 가장 기본적인 테이블이죠.

헤더를 클릭하면 다음과 같이 정렬도 가능합니다.

페이지 우측에 보면 추가적으로 가능한 많은 예제들이 있습니다.

ext-js, jQuery, dojo 등 여러 Ajax 라이브러리들이 있고, 각각 그리드테이블을 지원하는 것으로 알고 있습니다. 어느 한 가지든 익숙해질 필요가 있지 않나 생각됩니다.

Posted by 케누 kenu허광남

댓글을 달아 주세요

  1. okgosu  댓글주소 수정/삭제 댓글쓰기 2009.02.18 11:47

    오옷...많이 발전했네
    셀 병합도 될런가?

  2. gruter  댓글주소 수정/삭제 댓글쓰기 2009.02.20 13:20 신고

    너무나 멋있는 야후 dev군요

  3. zpzgsk  댓글주소 수정/삭제 댓글쓰기 2009.02.24 13:11 신고

    형 selenium에 대해서도 좀 알려주세요^^ㅋㅋ

  4. yiabb  댓글주소 수정/삭제 댓글쓰기 2009.09.15 14:22 신고

    안녕하세요.

    웹기획중 jquery 문제가 있어서
    무례하나마 여쭤봅니다.

    OK JSP는 회원가입했는데. 로그인이 안되네요..

    jquery 달력을 만들었는데
    1페이지에 2번째 달력을 클릭하면
    요일이 엉망이 되어 나옵니다^^ (일 수 토 월 화..)

    혹시 해결방법이 있을까해서요..