You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@struts.apache.org by mu...@apache.org on 2007/05/05 20:46:15 UTC

svn commit: r535557 - in /struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel: example4.jsp example6.jsp index.jsp

Author: musachy
Date: Sat May  5 11:46:14 2007
New Revision: 535557

URL: http://svn.apache.org/viewvc?view=rev&rev=535557
Log:
WW-1909 User should be able to enable/disable tabs in the tabbedpanel tag

Added:
    struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example4.jsp
    struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example6.jsp
Modified:
    struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/index.jsp

Added: struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example4.jsp
URL: http://svn.apache.org/viewvc/struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example4.jsp?view=auto&rev=535557
==============================================================================
--- struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example4.jsp (added)
+++ struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example4.jsp Sat May  5 11:46:14 2007
@@ -0,0 +1,57 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="s" uri="/struts-tags" %>
+<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
+
+<html>
+<head>
+    <title>Ajax examples - tabbled panel</title>
+
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<script>
+    function enableTab(id) {
+      var tabContainer = dojo.widget.byId('tabContainer');
+      tabContainer.enableTab(id);
+    }
+    
+    function disableTab(index) {
+      var tabContainer = dojo.widget.byId('tabContainer');
+      tabContainer.disableTab(index);
+    }
+</script>
+
+<body>
+    
+    <sx:tabbedpanel id="tabContainer" cssStyle="width: 500px; height: 300px;" doLayout="true">
+          <sx:div id="tab1" label="test1"  >
+              Enabled Tab
+          </sx:div >
+          <sx:div  id="tab2" label="test2"  disabled="true" >
+              Diabled Tab
+          </sx:div >
+           <sx:div  id="tab3" label="test2" >
+              Some other Tab
+          </sx:div >
+      </sx:tabbedpanel>
+
+    <br />
+    
+    <input type="button" onclick="enableTab(1)" value="Enable Tab 2 using Index" />
+    <input type="button" onclick="disableTab(1)" value="Disable Tab 2 using Index" />
+    
+    <br />
+    
+    <input type="button" onclick="enableTab('tab2')" value="Enable Tab 2 using Id" />
+    <input type="button" onclick="disableTab('tab2')" value="Disable Tab 2 using Id" />
+    
+    <br />
+    
+    <input type="button" onclick="enableTab(dojo.widget.byId('tab2'))" value="Enable Tab 2 using widget" />
+    <input type="button" onclick="disableTab(dojo.widget.byId('tab2'))" value="Disable Tab 2 using widget" />
+
+<br /> <br />     
+<s:include value="../footer.jsp"/>
+
+</body>
+</html>

Added: struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example6.jsp
URL: http://svn.apache.org/viewvc/struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example6.jsp?view=auto&rev=535557
==============================================================================
--- struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example6.jsp (added)
+++ struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/example6.jsp Sat May  5 11:46:14 2007
@@ -0,0 +1,44 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="s" uri="/struts-tags" %>
+<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
+
+<html>
+<head>
+    <title>Ajax examples - tabbled panel</title>
+
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<script>
+    dojo.event.topic.subscribe('/before', function(tabContainer, tab, event) {
+      alert("Before selecting tab. Set 'event.cancel=true' to prevent selection");
+    });
+    dojo.event.topic.subscribe('/after', function(tabContainer, tab, event) {
+      alert("After tab was selected");
+    });
+</script>
+<body>
+    
+    <sx:tabbedpanel 
+        id="tabContainer"
+        cssStyle="width: 500px; height: 300px;" 
+        doLayout="true"
+        beforeSelectTabNotifyTopics="/before"
+        afterSelectTabNotifyTopics="/after">
+          <sx:div id="tab1" label="test1"  >
+              Tab 1
+          </sx:div >
+          <sx:div  id="tab2" label="test2" >
+              Tab 2
+          </sx:div >
+      </sx:tabbedpanel>
+
+    <br />
+  
+
+
+<br />    
+<s:include value="../footer.jsp"/>
+
+</body>
+</html>

Modified: struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/index.jsp
URL: http://svn.apache.org/viewvc/struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/index.jsp?view=diff&rev=535557&r1=535556&r2=535557
==============================================================================
--- struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/index.jsp (original)
+++ struts/struts2/trunk/apps/showcase/src/main/webapp/ajax/tabbedpanel/index.jsp Sat May  5 11:46:14 2007
@@ -12,6 +12,8 @@
 <p>
     <ol>
         <li><a href="example2.jsp">A local tabbed panel width fixed size (doLayout="true")</a></li>
+        <li><a href="example4.jsp">A Local tabbed panel with disabled tabs</a></li>
+        <li><a href="example6.jsp">A Local tabbed panel that publishes topics when tabs are selected(before and after)</a></li>
         <li><a href="example3.jsp">A remote (href != "") and local tabbed panel</a></li>
         <li><a href="example1.jsp">Various remote and local tabbed panels (with enclosed tabbed pannels) with layout (doLayout="false")</a></li>
         <li><a href="example5.jsp">A local tabbed panel width fixed size (doLayout="true") with close button on the tab pane (closable="true" on tabs), and tabs on the bottom (labelposition="bottom")</a></li>