liuznsn

今天我要教大家做一個簡單的範例，主要是用DataGrid讀取XML的資料並且可以使用LINQ方式搜尋資料

先在專案中加入一個XML檔案，來做讀取資料部分
命名為Person.xml，其內容格式如下

然後將版面配置部份加入Sliverlight元件的TextBox、ComboBox、Button，這是要來做搜尋的功能
而主要程現資料內容的是DataGrid。

Page.xaml

在DataGrid的部分，記得要先將AutoGenerateColumns="False"然後再自行設定欄位名稱及要繫結的欄位。

接下來進入程式的部分

因為我們是要用LINQ對XML所以要加上using System.Xml.Linq，因為預設的專案是沒加上這個的
在Reference按右鍵，選擇.NET如圖，最後按下OK

Page.xaml.cs 程式如下

using ...System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Xml.Linq;


namespace SilverlightTheadTest
...{
    public partial class Page : UserControl
    ...{
        //建立資料的格式
        public class Person
        ...{
            public string Name ...{ get; set; }
            public string Birthday ...{ get; set; }
            public string Tel ...{ get; set; }                                
            public string Country ...{ get; set; }
            public string City ...{ get; set; }

        }

        //下拉選單的選項
        List<string> items = new List<string>() ...{ "姓名", "生日", "電話", "城市","國籍"  };
        //選擇要查詢的欄位
        List<string> SelectItems = new List<string>() ...{ "Name", "Birthday", "Tel", "City", "Country" };

        XDocument PersonXml = XDocument.Load("Person.xml"); //讀取Person.xml檔案

        public Page()
        ...{
            InitializeComponent();
            //讀取的事件
            Loaded += new RoutedEventHandler(Page_Loaded);
            //下拉選單加入選項
            SearchItem.ItemsSource = items;
            //預設為姓名
            SearchItem.SelectedIndex = 0;
          

          
        }

        void Page_Loaded(object sender, RoutedEventArgs e)
        ...{
            getData();
        }


        void getData()
        ...{
            //建立資料來源
            List<Person> source = new List<Person>();

            //使用LINQ方式查詢XML
            var Persons = from a in PersonXml.Element("persons").Descendants("person")
                          where a.Element(SelectItems[SearchItem.SelectedIndex]).Value.Contains(SearchTextBox.Text)
                          select a;

            //將查詢的結果放入資料來源
            foreach (XElement Person in Persons)
            ...{
                source.Add(new Person()
                ...{
                    Name = Person.Element("Name").Value,
                    Birthday = Person.Element("Birthday").Value,
                    Tel = Person.Element("Tel").Value,            
                    City = Person.Element("address").Attribute("city").Value,
                    Country = Person.Element("address").Attribute("country").Value
                });
            }

            //將DataGrid與資料來源做連結
            MyDataGrid.ItemsSource = source;
        }

        //當按下搜尋的時候
        private void SearchButton_Click(object sender, RoutedEventArgs e)
        ...{   
            getData();
        }

    }
}

這樣就輕輕鬆鬆完成可搜尋的Sliverlight 版本DataGrid。寫的還滿簡短，但如有任何問題或指教都我很樂意接受，希望能幫助到大家！