2012-03-29 9 views
-1

Ich habe 2 DateEDit Steuerelemente in meinem Webformular: StartDate und EndDate Ich möchte überprüfen, dass wenn EndDate ändert, es kein früheres Datum als das StartDate sein wird. Ich möchte auch bestätigen, dass wenn das StartDate sich ändert, das EndDate mit StartDate + 1 Tag zurückgesetzt wird.DevExpress DateEdit aktualisieren

ich es geschafft, diese Aktivierung Autopostback zu tun, aber so gut scheint nicht ... und ohne sie das Ereignis DateChanged nicht auslösen.

 <td><dx:ASPxLabel ID="lbl_StarDate" runat="server" Text="Start Date:" Font-Bold="True" Visible="True"> 
      </dx:ASPxLabel></td> 
     <td><dx:ASPxDateEdit ID="de_StartDate" runat="server" Height="19px" Width="240px"></dx:ASPxDateEdit></td> 
    </tr> 
    <tr> 
     <td><dx:ASPxLabel ID="lbl_EndDate" runat="server" Text="End Date:" Font-Bold="True" Visible="True"> 
      </dx:ASPxLabel></td> 
     <td><dx:ASPxDateEdit ID="de_EndDate" runat="server" Height="17px" Width="220px"></dx:ASPxDateEdit></td> 

Können Sie mir bitte dabei helfen?

Antwort

1

Dies alles kann in Javascript durchgeführt werden. Um die Javascript-Ereignisse auslösen, ändern Sie Ihre aspx auf die folgenden:

<tr> 
     <td> 
      <dx:ASPxLabel ID="lbl_StarDate" runat="server" Text="Start Date:" Font-Bold="True" 
       Visible="True" /> 
     </td> 
     <td> 
      <dx:ASPxDateEdit ID="de_StartDate" ClientInstanceName="de_StartDate" runat="server" 
       Height="19px" Width="240px"> 
       <ClientSideEvents ValueChanged="OnStartDateChanged" /> 
      </dx:ASPxDateEdit> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <dx:ASPxLabel ID="lbl_EndDate" runat="server" Text="End Date:" Font-Bold="True" Visible="True" /> 
     </td> 
     <td> 
      <dx:ASPxDateEdit ID="de_EndDate" runat="server" Height="17px" Width="220px"> 
       <ClientSideEvents ValueChanged="OnEndDateChanged" /> 
      </dx:ASPxDateEdit> 
     </td> 
    </tr>  

Dann JavaScript in den jeweiligen Methoden behandeln:

<script type="text/javascript"> 

    function OnStartDateChanged(s, e) { 
     //code here 
    } 

    function OnEndDateChanged(s, e) { 
     //code here 
    } 

</script>