tailieunhanh - ColdFusion Developer’s Guide phần 6

Các thuộc tính accordion và tabnavigator của thẻ cfformgroup cho phép bạn xây dựng các hình thức phức tạp mà nếu không sẽ đòi hỏi nhiều trang HTML. Với accordions và hộp đựng hoa tab, người dùng có thể chuyển đổi giữa các khu vực nhập cảnh nhiều lần mà không cần gửi các hình thức trung gian. Tất cả dữ liệu | ADOBE COLDFUSION 8 584 ColdFusion Developer s Guide querySetCell q1 firstname Erik querySetCell q1 lastname Pramenter cfscript cfform name form1 format flash height 220 width 450 cfselect label select a teacher name sel1 query q1 value id display firstname width 100 cfformgroup type repeater query q1 cfformgroup type horizontal label name cfinput type Text name fname bind cfinput type Text name lname bind cfformgroup cfformgroup cfinput type submit name submitBtn value Send Data width 100 cfform Creating complex forms with accordion and tab navigator containers The accordion and tabnavigator attributes of the cfformgroup tag let you construct complex forms that would otherwise require multiple HTML pages. With accordions and tab navigator containers users can switch among multiple entry areas without submitting intermediate forms. All data that they enter is available until they submit the form and all form elements load at one time. An accordion container puts each logical form page on an accordion pleat. Each pleat has a label bar when the user clicks a bar the current page collapses and the selected page expands to fill the available form space. The following image shows a three-pleat accordion open to the middle pleat Preferences Contact Information Preferences Tell US your preferences Pets Fruits Dogs 1 Apples B a n a n a s o Cats III r 1 Pears Oranges o Turtles 1 3 rapes c IJ m q u ats Friends I Show Results Reset Fields A tab navigator container puts each logical form page on a tabbed frame. When the user clicks a tab the selected page replaces the previous page. The image in About Flash forms shows a tab navigator container. The following example generates a two-tab tab navigator container that gets contact information and preferences. You can change it to an accordion container by changing the type attribute of the first cfformgroup tag from accordion to tabnavigator. To prevent the accordion from having .