一.
Code:
    <s:url id="ajax" value="ajax1.action"/>
   
    <sj:a id="ajaxlink"
        href="%{ajax}"
        targets="result"
        indicator="indicator"
        button="true"
        buttonIcon="ui-icon-refresh"
    >
          Run AJAX Action
    </sj:a>
      二.
Code:
    <s:form id="form" action="echo" theme="simple" cssClass="yform">
        <fieldset>
            <legend>AJAX Form</legend>
            <div class="type-text">
                <label for="echo">Echo: </label>
                <s:textfield id="echo" name="echo" value="Hello World!!!"/>
jquery ajax例子            </div>
            <div class="type-button">
                <sj:submit targets="formResult" value="AJAX Submit" indicator="indicator"/>
                <s:url id="simpleecho" value="/simpleecho.action"/>
                <sj:submit href="%{simpleecho}" targets="formResult" value="AJAX Submit 2" indicator="indicator"/>
            </div>
        </fieldset>
    </s:form>
      三.
Code:
    <s:url id="ajax" value="/ajax1.action"/>
    <sj:div href="%{ajax}" indicator="indicator">
        <img id="indicator" src="images/indicator.gif" alt="" />
</sj:div>
四.
Code:
    <sj:tabbedpanel id="localtabs">
      <sj:tab id="tab1" target="tone" label="Local Tab One"/>
      <sj:tab id="tab2" target="ttwo" label="Local Tab Two"/>
      <sj:tab id="tab3" target="tthree" label="Local Tab Three"/>
      <sj:tab id="tab4" target="tfour" label="Local Tab Four"/>
      <div id="tone">Mauris mauris ante</div>
      <div id="ttwo">Sed non urna. </div>
      <div id="tthree">Nam enim risus, molestie et</div>
      <div id="tfour"> per inceptos himenaeos.</div>
    </sj:tabbedpanel>
    五.
Code:
    <s:form id="form" theme="xhtml">
      <sj:datepicker id="date0" label="Select a Date" />
      <sj:datepicker value="%{dateValue}" id="date1" name="date1" label="Date Value from Action" />
      <sj:datepicker id="date2" name="nameValue" label="Date Value by Name" />
      <sj:datepicker value="today" id="date3" name="date3" displayFormat="" label="Today" />
      <sj:datepicker value="yesterday" id="date4" name="date4" displayFormat="mm/dd/yy" label="Yesterday" />
      <sj:datepicker value="tomorrow" id="date5" name="date5" displayFormat="DD, d MM yy" label="Tomorrow" />
      <sj:datepicker value="2004-08-14" id="date6" name="date6" displayFormat="d M, yy" label="String Value" />
    </s:form>
    六.
Code:
    <sj:dialog id="mydialog" title="Dialog with local content">
    Mauris mauris ante
    </sj:dialog>
   
七.
Code:
    <s:url id="urlajax1" action="ajax1"/>
    <sj:accordion id="accordion">

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。