2012-01-05 38 views
8

có ai biết nếu có một ví dụ có sẵn để trượt bảng trong jquery? Nếu có, ai đó có thể gửi cho tôi một liên kết không? Đây là những gì tôi muốn thực hiện.Cột/bảng có thể thay đổi kích thước cho nội dung trong jquery?

Trên màn hình chính của tôi, tôi muốn có ba bộ phận. Một cột bên phải bao gồm một nửa màn hình và sau đó cột bên trái được chia thành hai hàng. Tôi muốn mở rộng và/hoặc thu nhỏ cột bên phải và/hoặc cột bên trái và/hoặc hàng trên cùng ở cột bên trái và/hoặc hàng dưới cùng trong cột bên trái. Hãy nghĩ rằng nó là một IDE với phía bên trái của khu vực mã hóa và bên phải là nhà thám hiểm dự án và các thuộc tính. Người lập trình muốn xem bất kỳ ba phần nào cùng một lúc hoặc muốn mở rộng từng khu vực làm việc.

Tôi đang tìm một giải pháp jquery cho như vậy! Cảm ơn

+0

Sooo ... bạn muốn tạo lại khung trong jQuery? – SpliFF

+0

Cũng tìm thấy [jQWidgets splitter] (http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/index.htm?%28arctic%29#demos/jqxsplitter/defaultfunctionality.htm), nhưng nó tốn tiền để sử dụng thương mại. –

Trả lời

10

Âm thanh như cách jsfiddle.net làm việc

Đây là có sẵn như là một plugin. http://docs.jquery.com/UI/Resizable

Bạn cũng có thể sử dụng splitter jQuery plugin: http://www.methvin.com/splitter/

Xem thêm (2011): http://jcubic.wordpress.com/2011/03/06/jquery-splitter-split-container/

Flexigrid là một mới (2012) tùy chọn: http://flexigrid.info/

+0

Bạn có liên kết đến bản trình diễn hiển thị cách triển khai bảng chia bằng UI Resizable không? Tôi thấy rằng nó chỉ giúp triển khai các tiện ích có thể định lại, nhưng không được chia nhỏ. –

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