DotNetGuruji

ASP.NET MVC  5  Angular  4 This post is about how to use Angular 4 with ASP.NET MVC5. In one of my existing projects we were using Angular 1.x, due to some plugin compatibility issues, we had to migrate to latest version of Angular. We couldn’t find any good article which talks about development and deployment aspects of Angular 4 with ASP.NET MVC. The pre-requisites are npm (Node Package Manager) - I am using npm version 5.5.1 Angular CLI - I am using angular cli version 1.5.3 Visual Studio 2017 / 2015 - For developing ASP.NET MVC project. First you need to create ASP.NET MVC project. Once you created the project, using Angular CLI you need to create Angular project. You need to do it in the root folder. And you need to execute following commands to create an Angular project. ng new HelloAngular This will create a folder with name HelloAngular . And it contains all the required files for Angular project. Here is the folder structure after creatin...

In this example, I will create a Kendo UI grid with multiple checkboxes and one checkbox in the header to check all the checkboxes inside the grid.  Below is the Angular code to bind the grid. function  bindGrid() {        var  filterContain = {           cell: {               showOperators:  false ,               operator:  "contains" ,               suggestionOperator:  "contains"            }       }        var  DataColumn =       [         ...

In this blog, I will demonstrate how to create a Multiple Selection DropDownList with the help of Kendo UI. This dropdown will allow you to select more than one item and will also show the number of checked items in a dropdown list. Ex. (2 items selected). There is an option to Select all checkboxes to check all items at a time and a  Search filter is also integrated with this dropdown. Background Well, first of all, I am using a hidden field where I can put all the checked value with comma separated. This hidden field is used for managing all checked and unchecked values and keeps the values checked when the user opens the dropdown again. Below is the bunch of code. function  bindddlMultiSkill()   {       $( "#ddlMultiSkill" ).kendoDropDownList({           name:  "skill" ,           dataTextField:...