Dynamically Add or remove control in asp.net core using JavaScript

If you want to add some controls on your web browser, i mean to say if you want to add controls on run time then you can easily dome with any script control, without using c# code. So, here i used Java Script code to add controls on a page. And your code is

Index.cshtml

<form method="post">

    <div id="firstdiv">

        <input type="text" name="testinput" />

                <input type="button" value="add dynamic" onclick="DynamicText()"/>

            </div>

            <input type="submit" value="submit"/>

</form>

JS----file

function DynamicText() {

    var division = document.createElement('DIV');

    division.innerHTML = DynamictextBox("");

    document.getElementById("firstdiv").appendChild(division);

}

function DynamictextBox(value) {

    return '<div><input type="text" name="dyntxt" /><input type="button" onclick="ReTextBox(this)" value="Remove"/></div>';

}

function ReTextBox(div) {

    document.getElementById("firstdiv").removeChild(div.parentNode.parentNode);

}

If you want to use this code , learn :

How to Customize ViewImport.cshtml in ASP.NET CORE

Required to add or remove information of Tag Helper. I mean to say that If you want to use Tag helper into your application then must to use ViewImports.cshtml file.

Create RadioButtonList, Get selected value From RadioButtonList in ASP.NET Core

A RadioButtonList have some multiple radio buttons , I mean to say that using loop its looking like a RadioButtonList. In ASP.NET CORE 1.1 , MVC we have to show you, how to create a Radio Button List in it.   We have to show you an Example of RadioButton List in ASP.NET CORE.

Save and Retrieve Image into database table in ASP.NET MVC

According to my previous article, Which is written in web form. If you are a web form user then try this article. In this article i will show you, How to save image file into database table using ASP.NET MVC, also retrieve image from table to ASP.NET MVC Application. You know that image file saved in the form binary array. So, First to create a table, in which you can take varbinary(max) type field. I will give you an example of simple table.

CREATE TABLE [dbo].[Brand] (
    [BrandId]    INT             IDENTITY (1, 1) NOT NULL,
    [BrandImage] VARBINARY (MAX) NULL,
    PRIMARY KEY CLUSTERED ([BrandId] ASC)
);

Now, Add a EDMX file to prepare a DataContext as well as model. Now, open a HomeController.cs file to write the code for save file. In this file first to pass model in the view. Add a file control in the view file.

@using (Html.BeginForm("AddImage", "Home", FormMethod.Post, new {enctype="multipart/form-data"}))

{

    @Html.AntiForgeryToken()

    

    <div class="form-horizontal">

        <h4>Brand</h4>

        <hr />

        @Html.ValidationSummary(true, "", new { @class = "text-danger" })

        <div class="form-group">

            @Html.LabelFor(model => model.BrandImage, htmlAttributes: new { @class = "control-label col-md-2" })

            <div class="col-md-10">

                <input type="file" id="image1" name="image1"/>

            </div>

        </div>

        <div class="form-group">

            <div class="col-md-offset-2 col-md-10">

                <input type="submit" value="Submit" class="btn btn-default" />

            </div>

        </div>

    </div>

}

Save file using controller file 

public ActionResult AddImage(Brand model, HttpPostedFileBase image1)

        {

            var db = new Database1Entities3();

            if (image1!=null)

            {

                model.BrandImage = new byte[image1.ContentLength];

                image1.InputStream.Read(model.BrandImage, 0, image1.ContentLength);

                

            }

            db.Brands.Add(model);

            db.SaveChanges();

            return View(model);

        }

Show Image using controller file 

 public ActionResult ShowImage()

        {

            Database1Entities3 db = new Database1Entities3();

            var item = (from d in db.Brands

                        select d).ToList();

            return View(item);

        }

ShowImage View section

@model IEnumerable<WebApplication1.Brand>

@{

    ViewBag.Title = "ShowImage";

}

<h2>ShowImage</h2>

<table>

    <tr>

        @foreach (var item in Model)

        {

        <td>

            @{

            var base64 = Convert.ToBase64String(item.BrandImage);

            var imgSrc = String.Format("data:image/gif;base64,{0}", base64);

            }

            <img src='@imgSrc' style="max-width:100px; max-height:100px;" />

        </td>

        }

    </tr>

</table>

Anti Xss in ASP.NET MVC

In this ASP.NET MVC Video tutorial i will show you, How to prevent your page from XSS attack. XSS stands for Cross side Scripting attack. Suppose you open your banking website, also open forgery website in other tabs, that sites attack on your banking website also steal your credential information. So, if you are developer then prevent your web page from XSS attacks. Lets see this video:

Similar to TextChanged Event in ASP.NET MVC

This is very good article for web form users who want to get value on TextChanged Event. I mean to say that  TextChanged Event occurs when we move one textbox to another using "Tab" key. When, Web form users moves to MVC projects. He/ She faces some problems in logics. Because, in MVC, For each request we must to call controller. I have an idea to remove such task. I prefer JQuery. So first to Add a ViewModel Class into your project. You can take this sample.

1. Add a new Folder in your project, name of the folder is "viewModel". Now, add a class, which name as addition like

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebApplication27.viewModel
{
    public class addition
    {
        public int FirstNumer { get; set; }
        public int SecondNumber { get; set; }
        public int result { get; set; }
    }
}

In this we have three public property.Now, Add a controller class in Controller folder. Like that.

using System.Web.Mvc;

namespace WebApplication27.Controllers
{
    public class DefaultController : Controller
    {
        // GET: Default
        public ActionResult Index()
        {
            return View();
        }
    }
}

Add View, By using Right click on Action method name. In View section, i will add code of JQuery. You can see

@model WebApplication27.viewModel.addition

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
@using(Html.BeginForm())
{
    @Html.TextBoxFor(m=>Model.FirstNumer)
    @Html.TextBoxFor(m=>Model.SecondNumber)
    @Html.TextBoxFor(m => Model.result)
}
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script>
    $(function () {
        $("#SecondNumber").blur(function () {
            $("#result").val(parseInt($("#FirstNumer").val()) + parseInt($("#SecondNumber").val()))
        });
    })
</script>