组件/TileLayout

新Blazor的Telerik UI?下载30天免费试用

TileLayout事件

这篇文章解释了在Blazor的Telerik TileLayout中可用的事件:

OnResize

的OnResize事件在任何贴图被调整大小时触发。它允许您在需要时响应该更改—例如，调用.Refresh ()方法重新绘制内容中的子组件。您还可以使用它来更新已保存的文件状态为了你的用户。

的OnResize事件提供了一个类型的参数TileLayoutResizeEventArgs．它暴露了两个属性:

  • Id（字符串)调整后的项目

响应Resize事件并调整tile中的组件

@*响应瓷砖调整大小以调整其内容的大小，如果需要*@                     
元素的尺寸设置为其父元素的百分比，并且可以基于父元素调整大小，可能不需要显式的代码来处理tile布局的调整大小。
    Panel 3。   Panel 4。    @code {TelerikChart ChartRef {get;设置;} void OnResizeHandler(TileLayoutResizeEventArgs args){控制台。WriteLine($”瓷砖{参数。Id}缩放”);如果(arg游戏。Id == "chart-tile") { ChartRef.Refresh(); } } public List chartData = new List() { 10, 2, 5, 6 }; public string[] xAxisItems = new string[] { "Q1", "Q2", "Q3", "Q4" }; }
         
OnReorder

         
的OnReorder事件触发时，瓷砖已重新排序。例如，您可以使用它来更新保存的文件状态为了你的用户。

         
的OnReorder事件提供了一个类型的参数TileLayoutReorderEventArgs．它暴露了两个属性:

         
    
          
  • Id（字符串)重新排序的项目
    • 
         

         

          
响应OnReorder事件

         

         
@*处理OnResized事件*@    <内容>常规大小的第一个面板。   你也可以把组件放在tile中。   此tile为三行高。   这个tile是两行高两列宽    @code{async Task OnReorderHandler(TileLayoutReorderEventArgs args) {Console。WriteLine($”瓷砖{参数。Id｝reordered, might be a good time to save the state."); } }

         
下一个步骤

         
         
另请参阅

         
        
       
      
      
     
     

      

       

        在本文中

       
      

      
      

       

        相关文章

       
      

      
      

       找不到你需要的帮助?
       
       
        
        
        
         
         
          
         
        改进这篇文章
      

     

    
   
   

   
  
  
  
 
Baidu