Tạo Multiline Textbox và Modal Windows chứa Multiline Textbox trong ứng dụng LightSwitch

Tạo Multiline Textbox và Modal Windows chứa Multiline Textbox trong ứng dụng LightSwitch

 

I. Tạo multiline textbox

Chỉ cần vào properties của textbox hiện có và thiết lập như sau:

clip_image002

 

II.Tạo popup chứa multiline textbox

Khi tạo mới 1 edit screen, chức năng thêm/xóa sẽ tự động gắn kết với một Modal Window tự động. Trên đó chi tiết form dữ liệu sẽ không thể tùy biến trực tiếp trên VisualTree mà cần phải tự định nghĩa một Modal Window riêng. Trước tiên, cần có một Helper Class để trợ giúp xử lý. Lightswitch Team đã có 1 bài viết rất hữu ích tại đây. Đây là CustomModalWindowHelper phiên bản C# mà tôi đã chuyển lại. Tiếp theo cách thực hiện như sau:

1.Add group cho root (Columns Layout)

2.Chuyển group vừa tạo thành Modal Window

3.Đặt tên cho Modal Window đó (giả sử là MyDialog)

4.Bỏ ShowButton và chọn Left Alignment trong Properties của Modal Window đó

5.Add selected item thích hợp (giả sử là bảng MyModel)

6.Add nút Ok, Cancel

7.Add code InitializeDataWorkspace và Created của screen: //tôi sử dụng ngôn ngữ C#, VB cũng tương tự

     private CustomModalWindowsHelper myModalWindowHelper;

        partial void myScreen_InitializeDataWorkspace(List<IDataService> saveChangesTo)
        {
            myModalWindowHelper = new CustomModalWindowHelper(this.MyModels, "MyDialog");
        }

        partial void myScreen_Created()
        {
            CustomModalWindowHelper.InitializeUI();
        }

8.Override nút thêm, sửa để gọi popup

        partial void gridAddAndEditNew_CanExecute(ref bool result)
        {
            result = CustomModalWindowHelper.CanAdd();
        }

        partial void gridAddAndEditNew_Execute()
        {
            CustomModalWindowHelper.AddEntity();
        }

        partial void gridEditSelected_CanExecute(ref bool result)
        {
            result = CustomModalWindowHelper.CanEditSelected();
        }

        partial void gridEditSelected_Execute()
        {
            CustomModalWindowHelper.EditSelectedEntity();
        }

9.Edit code execute của Ok, Cancel thuộc Modal Window

        partial void myDialogOk_Execute()
        {
            CustomModalWindowHelper.Ok();
        }

        partial void myDialogCancel_Execute()
        {
            CustomModalWindowHelper.Cancel();
        }        

 

 

One response to “Tạo Multiline Textbox và Modal Windows chứa Multiline Textbox trong ứng dụng LightSwitch

  1. Pingback: LightSwitch: Override CRUD đối với chiến thuật Table có trường IsDeleted | CHUNG VĨNH KHANG'S BLOG·

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Google photo

Bạn đang bình luận bằng tài khoản Google Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s