Hi, In this I will be demonstrating, how we can set the default tab in kendo-tabstrip conditionally. Scenario : We have a grid, which has several columns. The grid is read-only (means, we cannot edit on the grid). There is one hyperlink and two buttons (total 3) in every line-item. On click of those controls, we have to open a popup where we can update the static data. Now the kendo-popup has 3 tabs.(let's say tab1 , tab2 and tab3 ) Now, the challenge is we have to set each tab default for each control (3 tabs for 3 controls). Solution : We used @HostListener to overcome this challenge. We used two boolean variables for this. Below is the code snippet @ HostListener ( "click" ) opentab1 () : void { this .isTab2 = false ; this .isTab3 = false ; } @ HostListener ( "click" ) opentab2 () : void { this .isTab2 = true ; this .isTab3 = false ; } @ HostListener ( "click" ) opentab3 () : void { this .isTab3 = false ; this
Angular is a powerful front-end framework that enables developers to create dynamic web applications with ease. One of the most important features of Angular is its routing system, which allows developers to create single-page applications that can navigate between different views without refreshing the page. In this blog post, we will discuss how to implement Angular routing in an ASP.NET Web API application. Setting Up Angular Routing To use Angular routing in your application, you first need to import the necessary modules. Open your app.module.ts file and add the following imports: import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; Next, create an array of routes that define the different views of your application. For example: const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'about', component: AboutComponent }, { path: 'contact', compon
Comments
Post a Comment