DotNetNuke Module Development Using Kedno UI and Web API

Before starting this article please go through my previous article DotNetNuke Module Development, where I have explained how to do HTTP GET requests using Kendo Grid in DNN CMS Module development.

Now I will explain how to do a Web API HTTP POST request using a Kendo form in DotNetNuke CMS Module Development.

In this module, I have a Kendo Grid and Kendo form. So, whatever the input is given in the Kendo form is bound into the Kendo Grid as well as it should be inserted into the respective Microsoft DB (DataBase) table that is done using the WEB API in the DNN CMS platform.

We will start with the back-end Microsoft SQL DB.

I have created a simple table with two columns, CategoryID and CategoryName.

Here is my SQL Query:

The next step is to open the class library project that I showed in my previous article.

Here I am using LINQ to SQL to access my Microsoft SQL DB, you can use whatever data access method that is convenient to you.

Figure 1 DBML File

Here is my API controller with Http Post request:

Here is the code to bind the table in the Kendo Grid, Note that I am reading a value from the DB to display in the Kendo Grid and that's why I am using an HTTP GET request for this action.

Yes, now it is time to check your API in POSTMAN/Fiddler.

Here I am using POSTMAN.

Figure 2 Post Request

Figure 3 Get Request

Yes! Got it.

Now to consume the service.

Come to your web form to consume the service.