dwz相关（DWZ correlation）.docVIP

dwz相关（DWZ correlation） [tutorial] DWZ rich client framework, jQuery based Ajax RIA open source framework share Tags: PHP categories: HTML, 2010-05-17, 10:33 HTML extensions Support the HTML extension mode to call the DWZ component Ajax link extensions a href= XXX target= Ajax [rel= boxId] Example: a href=, w_alert.html, target=, Ajax, rel=, container prompt window , /a Link Ajax post extensions in current navTab a href=, user.do, method=remove, target= navTabTodo delete /a Dialog link extensions a href= XXX target= dialog [rel= dialogId] Html tag extension mode example: a href=, w_dialog.html, target=, dialog, Page2, rel= popup window, /a or a class=, button, demo_page1.html, target=, dialog, rel=, dlg_page1, title=, [custom title], width=, 800, height=, 480 open window, /a, href= JS call mode example: $.pdialog.open (URL, dlgId, Title); or $.pdialog.open (URL, dlgId, title, {width: 500, height:, 300}); NavTab link extensions a href= XXX target= navTab [rel= tabId] Example: a href=, w_alert.html, target=, navTab, rel=, page1 prompt window , /a Tab component extensions Developers dont need to write any javacsript, just use the following HTML structure div class= tabs div class= tabsHeader div class= tabsHeaderContent ul li class= selected a href= span 1/span/a/li # title lia href= span 2/span/a/li # title /ul /div /div div class=, tabsContent, style=, height:150px; div content 1/div div content 2/div /div div class= tabsFooter div class=, tabsFooterContent, /div /div /div Container height adaptation The container is highly adaptive, as long as the extended attribute layouth= XX is in pixels Layouth indicates the height of the toolbar inside the container. When the browser window size changes, the container is highly adaptive, but the height of the toolbar inside the container is fixed. You need to tell the JS toolbar height to calculate the height of the content Example: div layouth=, 150 content /div Table extensions Add class= table on the table tag ta