Silverlight 2 Beta 2 Open File Dialog and Read Text File


ใช้กับ:

VS 2008

Microsoft Expression Blend 2.5 June 2008 Preview

Silverlight 2 Beta 2

 Download Source Code:

Demo:

http://silverlight.services.live.com/invoke/68535/OpenTextFile/iframe.html

เมื่อปลายสัปดาห์ที่แล้วมา (Friday June 6 2008) MS ปล่อย Silverlight 2 Beta2 มาลองใช้งานกันครับ ทำโปรแกรมง่ายๆ ครับ โดยใช้ Open File Dialog เปิด text file และอ่านโดยใช้ StreamReader แล้วแสดงบน TextBlock ครับ

1. ตัวอย่างแอพพลิเคชัน

0

2.อ่าน text file

01

3.สร้าง Project บน VS2008

1 2 3

4. ได้ Project สอง Project  อัน Project ASP.NET ทำงานฝั่ง Server อันที่สอง Project Silverlight ทำงานฝั่ง Client

4 155

5. คลิกขวา บน Page.xaml =>Open in Expression Blend… เพื่อไปอกกแบหน้าใน Expression Blend เป็นการเปิด Project ใน Expression Blend (หน้าตาเหมือนกับใน VS2008 ต่างกันที่มันเป็นสีดำ)

5 6

6. ออกแบบหน้าจอด้วย Microsoft Expression Blend 2.5 June 2008 Preview แบ่งกริด เป็น 2 row เมาส์คลิกดังรูป

7

เบื้องหลังจะได้โค้ด XAML ดังนี้:

<Grid.RowDefinitions>
            <RowDefinition Height="0.113*"/>
            <RowDefinition Height="0.887*"/>
        </Grid.RowDefinitions>

7.ลากคอนโทรล TextBlock, TextBox และ Button และปรับ Properties Button  ดังรูป

8 9

8.กระโดดไปเขียนโค้ดบน VS2008

10 11

บน VS2008 ใส่โค้ดลงไปในอีเวนท์ btReadFile_Click ดังนี้  ref: [How to: Use the Open File Dialog Box]

            OpenFileDialog dlg = new OpenFileDialog();
           
dlg.Filter = "Text Files (*.txt)|*.txt";

            string strText = "";
           
if (dlg.ShowDialog() == true)
           
{
               
txtFileName.Text = dlg.SelectedFile.Name;

                System.IO.Stream fileStream = dlg.SelectedFile.OpenRead();
               
using (StreamReader reader = new StreamReader(fileStream))
               
{
                   
strText = reader.ReadToEnd();
               
}

                fileStream.Close();
               
txtReadFile.Text = strText;
           
}

9. ปรับ Properties TextBlock และ TextBox ตามโค้ดด้านบน เนื่องจากเราต้องอ้างถึงชื่อของมันทั้งสอง

12 13

10. กด F5 ทดสอบรัน แอพพลิเคชัน

0 14

11.text file จะถูกอ่านออกมา

01

 

Code:


       
private void btReadFile_Click(object sender, RoutedEventArgs e)
       
{
           
OpenFileDialog dlg = new OpenFileDialog();
           
dlg.Filter = "Text Files (*.txt)|*.txt";

            string strText = "";
           
if (dlg.ShowDialog() == true)
           
{
               
txtFileName.Text = dlg.SelectedFile.Name;

                System.IO.Stream fileStream = dlg.SelectedFile.OpenRead();
               
using (StreamReader reader = new StreamReader(fileStream))
               
{
                   
strText = reader.ReadToEnd();
               
}

                fileStream.Close();
               
txtReadFile.Text = strText;
           
}
       
}

 

ref: How to: Use the Open File Dialog Box

Advertisements
เกี่ยวกับ

Nuchit Atjanawat is a Microsoft MVP, GreatFriends Community Leader, WindowsITPro Columnist(Mr.Nano), Silverlight Business Application Instructor, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession. He has a very good skill over Silverlight, LightSwitch, C#, XAML & Blend. He shares his technical findings, tutorials in his technical blog. Follow his Blog and Facebook page to be updated on latest articles. - Technical Blog: https://janawat.wordpress.com - WindowsITPro Columnist(Mr.Nano): http://windowsitpro.net - The GreatFriends.Biz Community Discussion Board (nano): http://greatfriends.biz - witter: https://twitter.com/janawat - Facebook Page: https://www.facebook.com/nuchit - Instructor: http://bit.ly/GF250-01, http://bit.ly/GF150-02

เขียนใน Silverlight

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

In Archive
%d bloggers like this: