0

Mattab ラベル ポインター イベントを無効にし、タブ インデックスを使用してスロー ボタン クリックを移動する方法

<MatTabGroup Class="wrapper" Style="margin-top: 20px; pointer-events:
 none;" @bind-ActiveIndex="@tabIndex">   <MatTab
 Class="pointer-events-none" Style="cursor:none;pointer-events:none;">
     <LabelContent>
       <div class="row">
         <div class="col-md-3">
           <div Class="@(tabIndex == 0 ? "circle-tab-active" : "circle-tab-inactive")"  style="cursor:none;pointer-events:none;">
             <MatIcon Icon="done" style="cursor:none;pointer-events:none;"></MatIcon>
           </div>
         </div>
         <div class="col-md-9" style="margin-top: 20px; pointer-events: none;">Tab 1</div>
       </div>
     </LabelContent>
     <ChildContent> <p></p>
     </ChildContent> </MatTab> <MatTab Class="pointer-events-none" Style="cursor:none;pointer-events:none;">
     <LabelContent>
       <div class="row">
         <div class="col-md-3">
           <div Class="@(tabIndex == 0 ? "circle-tab-active" : "circle-tab-inactive")"  style="cursor:none;pointer-events:none;">
             <MatIcon Icon="done" style="cursor:none;pointer-events:none;"></MatIcon>
           </div>
         </div>
         <div class="col-md-9" style="margin-top: 20px; pointer-events: none;">Tab 2</div>
       </div>
     </LabelContent>
     <ChildContent> <p></p>
     </ChildContent> </MatTab> </MatTabGroup>

  <MatButton Style="margin-left:5px" Raised="true" Disabled="@(tabIndex
> == 0)" OnClick="@ChangePreviousTab">Previous</MatButton>
     <MatButton Raised="true" Disabled="@(tabIndex == 1)" OnClick="@ChangeTab">Next</MatButton> @code {   void
 ChangeTab(MouseEventArgs e)   {
     if (tabIndex ==0)
     {
       studentList.RemoveAll(x => x.EnrollmentInformation.ApplicationTypeId != selectedApplicationId);
     }
     tabIndex = tabIndex < 2 ? tabIndex + 1 : 0;   }
 
   void ChangePreviousTab(MouseEventArgs e)   {
     tabIndex = tabIndex == 2 ? tabIndex - 1 : 0;   }
 
 }'''

Blazor フィドル リンク

https://blazorfiddle.com/s/sl0ax2hb

カーソルの上を無効にしてポインターイベントを無効にしないでください。plsは解決策を提供します。

4

0 に答える 0