실버라이트 팁

[실버라이트 스터디 3주차] 데이터그리드의 Row Detail과 Javascript Access #1 시선 평점: 없음 조회: 3332

 

1. 데이터그리드의 Row Detail

###  이전의 스터디에서 사용한 데이터 그리드 표현방법을 계속 이어서 하겠습니다. ########

  

    1) 실버라이트의 데이터 그리드에서 Row Detail은 아주 큰 장점으로 작용합니다.

        특정 자바나 ASP처럼 특정 Component를 필요로 하지도 않고 아주 쉽게 구현이 가능합니다.

        그리고 페이지 리로딩 없이 또 다른 내용을 확인할수도 있습니다.

                                    

 

   2) 먼저 Detail부분의 내용을 표현하기 위해서 이전에 사용한 프로젝트의 TestItem에서 추가로 Location과

       Comment라는 필드를 추가합니다 .

 

     namespace ConverterTest.Web
    {
       public class TestItem : INotifyPropertyChanged
       {
           :
           :
            private string _Location;
            public string Location
            {
                get { return _Location; }
                set
                {
                    _Location = value;
                    OnPropertyChanged("Location");
                }
            }


            private string _Comment;    
            public string Comment
            {
                get { return _Comment; }
                set
                {
                    _Comment = value;
                    OnPropertyChanged("Comment");
                }
            }
   
         :
         :
        }
    }

  3) 추가 후  임시데이터에 Comment와 Location에 대한 내용을 삽입합니다. 그리고 실버라이트 프로젝트에서

      Service References의 Wcf가 정의된 부분을 업데이트하면 됩니다.

      wcf의 업데이트 방법은 아래의 링크를 보시면 상세하게 설명되어 있습니다.

         http://www.hoons.kr/Board.aspx?Name=sivlerlighttip&Mode=2&BoardIdx=40780&Key=Title&Value=wcf

 

  namespace ConverterTest.Web
  {
      public class ServiceTest
      {
          :
          :
          public ServiceTest()
          {
              _items = new List<TestItem>()
              {
                  new TestItem{Inx = 0, Name = "0.png", ImageUri =  new Uri(ImgPath() + "0.png",UriKind.RelativeOrAbsolute),

                                          Comment = "우리집에서",Location = "한국"},
                  new TestItem{Inx = 1, Name = "1.jpg",ImageUri = new Uri(ImgPath() + "1.jpg",UriKind.RelativeOrAbsolute),

                                         Comment = "우리집에서",Location = "한국"},

                  new TestItem{Inx = 2, Name = "2.jpg",ImageUri = new Uri(ImgPath() + "2.jpg",UriKind.RelativeOrAbsolute),

                                         Comment = "우리집에서",Location = "한국"},
                  new TestItem{Inx = 3, Name = "3.png",ImageUri = new Uri(ImgPath() + "3.png",UriKind.RelativeOrAbsolute),

                                          Comment = "우리집에서",Location = "한국"}      
              };
          }

 

   4) 이렇게 하면 Wcf부분은 성공적으로 수정^^!!  그리고 실버라이트 부분을 살펴보겠습니다.

       실버라이트에서 이전의 MainPage.Xaml을 보시면 DataGrid가 있고  Columns이 정의되 있습니다.

      이부분에서 조금만 고치면 다른 코드를 수정하지 않으면서  위의 1)에서 보신 이미지와 같은 기능을

      수행할 수 있습니다.

 

   5) Columns가 정의된 코드 다음에 다음과 같이 입력합니다. 그리고 빌드 후 실행하면 완성^^


            <sdk:DataGrid.RowDetailsTemplate> <!--Row의 상세내용 출력부분-->
                <DataTemplate>
                    <StackPanel>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>
                            <TextBlock Text="{Binding Location}"/>    /// 첫번째
                            <TextBlock Grid.Row="1" Text="{Binding Comment}"/>     // 두번째
                     </Grid>
                    </StackPanel>
                </DataTemplate>
            </sdk:DataGrid.RowDetailsTemplate>

   

 

태그 : 스터디 실버라이트
작성자 정보
시선
Level 39
 [EXP.40/80]

메일:  비공개
글등록 +12 716 덧글등록 +3 113
자기소개
그냥 저냥 개발 ㅠ
글 공유하기 |
  tweet facebook
2011-07-19 오전 11:18:05
나도한마디
태그로 엮인글
[스터디] 혼자 공부할 때 유용한 사이트 [1]  tacademy
[스터디] 서울에서 (자리있는)C# 스터디 모임 있을까요?[1]  떠돌이25
[C#.NET Q&A] 실버라이트 + WCF Duplex Binding 가능할까요?  kdaek
[C#.NET Q&A] [RE] 실버라이트 + WCF Duplex Binding 가능할까요?  kdaek
[자유게시판] 이번 Visual Studio 2015에 실버라이트[1]  롬메달
[정보공유] WPF Technology OPEN STUDY 그룹 회원 모집[2]  rytunyn
[자유게시판] WPF Technology OPEN STUDY 그룹 회원 모집[6]  rytunyn
[실버라이트 Q&A] 실버라이트 파일 안열리는 오류..[1] 파일첨부 민스
[실버라이트 Q&A] 사파리에서 실버라이트 컨트롤 인식문제. Content.Files  brz5
[ASP.NET Q&A] 사파리에서 실버라이트 컨트롤 인식문제. Content.Files  brz5
글리스트
HTML 5 & Silverlight 5  sky
xap를 서버에 변경했는데 client에서는 변경이 안 되는 경우  시선
blend 단축키[1]  sa2랑
실버라이트에서 지원하는 미디어 형식이에요  sa2랑
Silverlight- Prism 라이브러리/툴킷/참고 예제 사이트입니다.  sky
[UX스터디 첫째주 자료] MS UX 프로그래밍의 소개 파일첨부 sky
vs2010에서 silverlight5프로젝트를 할때 open in expression blend 수정  시선
Behavior 로 구현한 Silverlight TextBox Watermark[1]+1  joseph
DrawingVisual 객체를 이용해서 컨트롤 그리기  Linus
[실버라이트 스터디 3주차] 데이터그리드의 Row Detail과 Javascript Access #2 파일첨부 시선
 ★현재글->   [실버라이트 스터디 3주차] 데이터그리드의 Row Detail과 Javascript Access #1 파일첨부 시선
[실버라이트 스터디 2주차] 데이터그리드에서 이미지 추가/수정/삭제[1]  시선
SECTION02. 익스프레션 블렌드의 레이아웃  짱묜
[실버라이트 스터디] 6월 25일 더디어 실버라이트 스터디를 시작했습니다[5]  시선
실버라이트4에서 XAML 디버깅하기[4]+1  Linus
STEP03. 익스프레션 블렌드의 툴 박스 III  짱묜
STEP03. 익스프레션 블렌드의 툴 박스 II[1]  짱묜
STEP03. 익스프레션 블렌드의 툴 박스 I[2]  짱묜
Silverlight의 Navigation Framework 사용하기 - (1)[1]  Linus
STEP02. 익스프레션 블렌드의 인터페이스 - Results 패널, 그 외  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Objects and Timeline 패널  짱묜