ASP.NET 4.5 Hosting News (SuperBlogAds Network)

News about ASP.NET 4.5 Hosting, ASP.NET 4.0 Hosting, ASP.NET 3.5 Hosting, & ASP.NET Hosting

.NET 4.5 Hosting

ASP.NET Core Routing

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…

David Thompson October 22, 2018 .NET 4.5 Hosting, ASP.NET Hosting

ASP.NET Tutorial – How to Using Flexigrid in ASP.NET?

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…

David Thompson August 13, 2018 .NET 4.5 Hosting

ASP.NET Tutorial – How to Implement Owin Pipeline Using ASP.NET Core

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…

David Thompson August 7, 2018 .NET 4.5 Hosting

ASP.NET Tutorial – Converting Your ASP.NET Web Forms Application to ASP.NET MVC

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…

David Thompson July 30, 2018 .NET 4.5 Hosting, ASP.NET MVC 4 Hosting, ASP.NET MVC Hosting

ASP.NET Tutorial – Easy to Generic Handlers in ASP.NET Core

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…

David Thompson July 16, 2018 .NET 4.5 Hosting

ASP.NET CORE 2.2.1 Hosting – Kendo UI Grid With Select All Checkbox In Header

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 =  
    [  
                { 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');  
        }  
    });  
}

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…

Tom Jarvis June 26, 2018 .NET 4.5 Hosting

ASP.NET 4.7.1 Hosting – Dynamic Objects And Alternatives To Reflection

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…

Tom Jarvis April 24, 2018 .NET 4.5 Hosting

ASP.NET 4.7 Hosting – Using Switch Case Statement In AngularJS Application Using JavaScript/ jQuery

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…

Tom Jarvis January 30, 2018 .NET 4.5 Hosting

ASP.NET CORE 2.0 Hosting – Validation Tag Helpers In ASP.NET Core MVC

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…

Tom Jarvis December 5, 2017 .NET 4.5 Hosting

ASP.NET CORE 2.0 Hosting – Routing In RESTful APIs Using .NET Core

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,…

Tom Jarvis October 17, 2017 .NET 4.5 Hosting

« Previous