2011-06-20 33 views
17

Tôi không thể đạt được hộp (thủ công) dialog với thuộc tính modal=true. Nó hoạt động đúng với modal = false, nhưng khi tôi cố gắng thiết lập modal=true, ngay cả lớp phủ hộp thoại trở nên không hoạt động.Hộp thoại Primefaces với phương thức = true không hoạt động đúng cách

Tôi làm cách nào để hoạt động chính xác?

+5

Đây không phải là nhiều thông tin, bạn có thử đặt thuộc tính 'appendToBody = true' không? Hãy thử đăng mã của bạn. –

+0

Cảm ơn công việc này ngay bây giờ, sau khi thiết lập 'appendToBody =" true "'! –

+0

Có cách nào dễ dàng hơn để thao tác độ mờ đục của phần được che phủ không? Bạn có thể xem xét việc đăng bài này như là một câu trả lời để tôi có thể chấp nhận nó. –

Trả lời

12

mỗi Guide Primefaces 2.2 trên phần Dialog:

appendToBody FALSE Boolean Gắn hộp thoại như một đứa trẻ của cơ thể tài liệu.

Khi sử dụng hộp thoại Primefaces, hãy sử dụng thuộc tính appendToBody để bật lớp phủ hộp thoại. Hộp thoại Primefaces được dựa trên thành phần hộp thoại YUI có một vấn đề tương tự cho lớp phủ thoại phương thức.

Thao tác lớp phủ hộp thoại sẽ liên quan đến việc ghi đè lớp CSS của lớp phủ và chỉ định độ mờ của riêng bạn.

9

Tôi cũng đã vật lộn với hành vi lạ cho đến khi tôi di chuyển p:dialog thành h:form riêng biệt tại thời điểm đó dữ liệu trong hộp thoại khớp với hàng từ DataTable nhưng lớp phủ không ẩn.

appendToBody=true giải quyết được sự cố với lớp phủ. Tôi vẫn cần phải kiểm tra các hộp thoại có đầu vào và hành động.

1

appendToBody = true gây ra các vấn đề liên quan đến biểu mẫu lồng nhau - giá trị văn bản đầu vào như được nhập vào hộp thoại bị bỏ qua và yêu cầu ajax không đi qua cho đến khi hộp thoại có dạng không lồng nhau. Ngay cả khi không có modal = true thì appentToBody = true gây ra hành vi này.

+0

Điều thú vị là vẫn còn như vậy, 5 hoặc 6 năm sau .. Bạn nghĩ rằng họ đã tìm ra ra một sửa chữa ngay bây giờ. – Wep0n

13

Với Primefaces 5 appendTo="@(body)" khắc phục sự cố cho tôi.

+0

Tôi gặp sự cố khi sử dụng RequestContext # execute ("PF ('widgetvar'). Hide()"), hộp thoại của tôi đang ẩn như mong đợi nhưng lớp phủ mờ sẽ không. Mã hoạt động tốt với PF 5.1 nhưng đã phá vỡ với 5.2/5.3. Giải pháp này làm mọi thứ hoạt động tốt trở lại (bỏ sót một thứ gì đó trong tài liệu chắc chắn ...). – jpangamarca

+0

Tôi chắc chắn điều này sẽ hiệu quả, tuy nhiên trong trường hợp của tôi, hộp thoại của tôi ở bên trong một biểu mẫu (và tôi có các trường biểu mẫu bên trong hộp thoại), vì vậy tôi không thể di chuyển hộp thoại ra khỏi cơ thể, mà không sắp xếp lại toàn bộ xhml. sẽ tiếp tục tìm kiếm giải pháp, nâng cấp từ PF 4 lên PF 5.3 – hendinas

Các vấn đề liên quan