Routing is a pattern matching system that monitors the incoming request and figures out what to do with that request. Typically, it is a way to serve the user request. When a user request URLs from the server then URLs…

Routing is a pattern matching system that monitors the incoming request and figures out what to do with that request. Typically, it is a way to serve the user request. When a user request URLs from the server then URLs…
Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml/json based data source using Ajax to load the content. Similar in concept with the Ext Grid…
Create C# project of Asp.net Core web application using fully .Net framework and name it “OwinCore”. And in the next part select a template of Empty. I don’t explain more in Asp.net Core and i assumed you have familiar with…
If you want to build a Web application quickly, do it with ASP.NET Web Forms. However, you have to be willing to give up a lot: client-side coding and Ajax is more awkward in Web Forms than MVC, you won’t…
ASP.NET Core ASP.NET is an open-source server-side web application framework designed for web development to produce dynamic web pages. It was developed by Microsoft to allow programmers to build dynamic websites, web applications, and web services. .NET Core is a…
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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
function bindGrid() { var filterContain = { cell: { showOperators: false, operator: "contains", suggestionOperator: "contains" } } var DataColumn = [ { title: "<input id='chkAll' class='checkAllCls' type='checkbox'/>", width: "35px", template: "<input type='checkbox' class='check-box-inner' />", filterable: false }, { field: "ID", title: "ID", width: "10%", filterable: filterContain }, { field: "First_Name", title: "First Name", width: "10%", filterable: filterContain }, { field: "Last_Name", title: "Last Name", width: "10%", filterable: filterContain }, { field: "EmailID", title: "Email ID", width: "10%", filterable: filterContain }, { field: "Mobile", title: "Mobile", width: "10%", filterable: filterContain }, ]; $("#grd").kendoGrid({ selectable: "multiple", dataSource: { schema: { model: { fields: { ID: { type: "string" }, First_Name: { type: "string" }, Last_Name: { type: "string" }, EmailID: { type: "string" }, Mobile: { type: "string" }, } } }, pageSize: 100, }, height: 800, filterable: { mode: "row" }, groupable: false, scrollable: true, pageable: true, sortable: true, columns: DataColumn, }); $("#grd tbody").on("click", "tr", function (e) { var rowElement = this; var row = $(rowElement); var grid = $("#grdC").getKendoGrid(); if (row.hasClass("k-state-selected")) { row.removeClass('k-state-selected'); row.find('[type=checkbox]').prop('checked', false); e.stopPropagation(); } else { grid.select(row) row.find('[type=checkbox]').prop('checked', true); e.stopPropagation(); } }); $(".checkAllCls").on("click", function () { var ele = this; var state = $(ele).is(':checked'); var grid = $('#grd').data('kendoGrid'); if (state == true) { $('.check-box-inner').prop('checked', true).closest('tr').addClass('k-state-selected'); } else { $('.check-box-inner').prop('checked', false).closest('tr').removeClass('k-state-selected'); } }); } |
HTML code where you…
The CodexMicroORM open source project on GitHub includes several features to help you create fast, concise .NET deliverables. One such feature is implemented in the Performance.cs file and enables dynamic (i.e. run-time) access to properties of any object – faster…
Let us see how to use switch-case statements in JavaScript/jQuery with AngularJS implementation and in .NET Applications. Note Here, one important point needs to be remembered about switch-case statements in JavaScript/jQuery, which is that this is also working in a…
This article explains about the validation tag helpers of ASP.NET Core MVC. There are two validation tag helpers available. Validation Message Tag Helper: It displays the validation message for a single property of a Model. Validation Summary Tag Helper: It…
When it comes to listing the best practices for REST APIs, the mechanism, Routing always makes its place on the top of the stack. Today, in this article, we will dirty our hands with Routing concepts with REST (web) APIs,…