Giáng sinh an lành - Năm mới đầm ấm và hạnh phúc

Chắc hẳn khi làm quen và code trong Silverlight các bạn sẽ gặp 1 vấn đề đó là "Làm sao để tương tác qua lại giữa Silverlight và HTML trong cùng 1 trang web". Bài viết hôm nay mình sẽ giới thiệu tới các bạn 1 cách đơn giản để tương tác qua lại giữa Silverlight và HTML thông qua Javascript.

Đầu tiên các bạn tạo 1 project mới có kiểu Silverlight Application và thực hiện code như sau:

Bước 1: Trong trang MainPage.xaml các bạn tạo ra 1 TextBox để nhập dữ liệu, 1 Button để Submit dữ liệu qua cho phần HTML và 1 TextBlock để hiển thị dữ liệu lấy được bên HTML. Các bạn có thể sử dụng code sau:

<Grid x:Name="LayoutRoot" Background="Silver">
         <StackPanel>
             <TextBox x:Name="TextBox1" Text=""></TextBox>
             <Button x:Name="Button1" Content="Say Goodbye" Click="Button1_Click"></Button>
             <TextBlock x:Name="TextBlock1" Text=""></TextBlock>
         </StackPanel>
</Grid>

Bước 2: Trong trang MainPage.xaml.cs các bạn thực hiện việc sử lý sự kiện Load của trang bằng việc đăng ký 1 đối tượng Scriptable dùng để truy cập khi viết Function JavaScript và bạn khai báo 1 ScriptableMember để thực hiện việc hiển thị dữ liệu lên TextBlock1

        public MainPage()
        {
            InitializeComponent();
            this.Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            //Đăng ký đối tượng Scriptable để truy cập code JavaScript
            HtmlPage.RegisterScriptableObject("SilverlightLearn", this);
        }

        [ScriptableMember]
        public void SayHelloToMe(string name)
        {
            //Hiển thị dữ liệu lên trên TextBlock1
            this.TextBlock1.Text = string.Format("Hello {0}", name);
        }

Read more...

Đây là code demo về phần thay đổi giao diện trong web ASP.NET mà mình làm từ đầu học kỳ trước nhưng lười post quá , tiện thể hôm nay viết code về URL Rewrite để post lên diễn đàn của lớp nên post luôn cái này lên cho những ai muốn tìm hiểu về công nghệ .NET tham khảo luôn.
Đây là hình ảnh giao diện mặc định:(Không đẹp lắm vì làm để Demo code mà )


Bạn nào muốn download code về tham khảo thì click vào link bên dưới