We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Call action/controller from ej-tile

Thread ID:

Created:

Updated:

Platform:

Replies:

132630 Sep 13,2017 06:23 AM UTC Sep 21,2017 09:47 AM UTC ASP.NET Core 3
loading
Tags: TileView
Haryzad Abd Hamid
Asked On September 13, 2017 06:23 AM UTC

Hi Syncfusion support

I'm try to navigate using tile to action/controller; but stuck to implement it; can you help me

        <e-menu-item url="" text="JH Management">
            <e-menu-child-items>
                <e-menu-child-item>
                    <e-content-template>
                        <div class="e-tile-group">
                            <div class="e-tile-column">
                                <div class="e-tile-small-col-2">
                                    <ej-tile id="tile2a" image-position="@TileImagePosition.Center" tile-size="@TileSize.Small" image-url="../images/tile/windows/alerts.png" ></ej-tile>
                                </div>
                            </div>
                        </div>
                    </e-content-template>
                </e-menu-child-item>
            </e-menu-child-items>
        </e-menu-item>

Thanks for your help

Selvamani Sankarappan [Syncfusion]
Replied On September 14, 2017 06:12 AM UTC

Hi Haryzad, 
 
Thanks for contacting Syncfusion support. 
 
You can navigate to the controller while clicking the Tile control using AJAX post at mouse-down event. Please refer to the following code example: 
 
[cshtml] 
<div class="e-tile-group"> 
      <div class="e-tile-column"> 
          <div class="e-tile-small-col-2"> 
               <ej-tile id="tile2a" image-position="@TileImagePosition.Center" tile-size="@TileSize.Small" image-url="http://aspnetcore.syncfusion.com/images/tile/windows/alerts.png" mouse-down="onClick"></ej-tile> 
          </div> 
      </div> 
  </div> 
 
[script] 
function onClick(args) { 
            $.ajax({ 
                 url: "Home/Filter", 
                 type: 'POST', 
                 dataType: "json", 
                 success: function (result) { 
 
                 } 
            }); 
        }   
 
[cs] 
[HttpPost] 
  public IActionResult Filter() { 
        return View(); 
  }    
 
Refer to the following sample: 
 
If the above does not meet your requirement, kindly share us the more details or modified sample to provide an appropriate solution at the earliest. 
 
Regards, 
 
Selvamani S. 


haryzad
Replied On September 20, 2017 07:40 AM UTC

Hi Selvamani S.

Thanks for the support, not sure why my ajax code not working.

I try alternative using this below code temporary for the navigation.

<script type="text/javascript">

    function potentiallist() {

        window.location.rel='nofollow' href = "/PotentialJH/Index";

    }

</script>




Selvamani Sankarappan [Syncfusion]
Replied On September 21, 2017 09:47 AM UTC

Hi Haryzad,   
   
Thanks for the update.   
   
We have given the AJAX action. Also, you can use the window.location.rel='nofollow' href to navigate the controller action.    
   
Please let us know if you need any further assistance.   
  
Regards,   
  
Selvamani S.  


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;