проверка формы перед прямым щелчком события пожара

Question

У меня есть кнопка, я хочу сформировать валидацию (клиентскую сторону) перед прямым щелчком события fire.I пробовал много пути, но не удалось.

** Я уже установил текстовое поле, как это.

<ext:TextField ID="Ad" runat="server" FieldLabel="Dem ad" Flex="1" AllowBlank="false" CausesValidation="true"> </ext:TextField> 

, но до сих пор огонь прямой еще до текстового поля проверки

---

<ext:Button ID="Button1" runat="server" Text="save" Icon="Disk"> 
            <DirectEvents> 

            <Click OnEvent="Dem"> 
             <Confirmation ConfirmRequest="true" Title="Title" Message="are u sure you want to update..." /> 

            </Click> 

           </DirectEvents> 


          </ext:Button> 

Answer 1

Там есть несколько вариантов.

1. Вы можете вернуть false из обработчика DirectEvent или из того же прослушивателя. .

   защищен недействительным Submit (объект отправителя, DirectEventArgs е) { X.Msg.Alert ("Отправить", "Передано") Show(); }

   Ext.NET v2 Пример

   <ext:FormPanel ID="FormPanel1" runat="server"> 
        <Items> 
         <ext:TextField runat="server" AllowBlank="false" /> 
        </Items> 
       </ext:FormPanel> 
   
       <ext:Button runat="server" Text="Submit"> 
        <%--<Listeners> 
         <Click Handler="return false;" /> it has the same effect as returning false from a DirectEvent's Before. 
        </Listeners>--%> 
        <DirectEvents> 
         <Click OnEvent="Submit" Before="return App.FormPanel1.isValid();" /> 
        </DirectEvents> 
       </ext:Button> 
   </form> 
   

2. Другой подход использует FormBind. Он автоматически отключает компонент, если FormPanel недействителен. Компонент должен принадлежать FormPanel. .

   защищен недействительным Submit (объект отправителя, DirectEventArgs е) { X.Msg.Alert ("Отправить", "Передано") Show(); }

   Ext.NET v2 Пример

   <ext:FormPanel ID="FormPanel1" runat="server" Width="200"> 
        <Items> 
         <ext:TextField runat="server" AllowBlank="false" /> 
        </Items> 
        <Buttons> 
         <ext:Button runat="server" Text="Submit" FormBind="true"> 
          <DirectEvents> 
           <Click OnEvent="Submit" /> 
          </DirectEvents> 
         </ext:Button> 
        </Buttons> 
       </ext:FormPanel> 
   </form> 
   

3. Вы можете слушать ValidityChange событиечрезвычайной FormPanel, чтобы применить некоторые пользовательские действия.