This article will show you how you can add a hyperlink to
open other website in a bind webgrid in asp.net mvc using c#.
Some of my previous articles are as follows: Bind
WebGrid With Entity Framework in Asp.Net MVC Using C#.Net, Asp.Net
MVC Export Data to Excel File Of WebGrid Using C#.Net, Excel
File Upload Or Import and Display In GridView Using C# In Asp.Net, jQuery
Drag and Drop Item Functionality In Asp.Net MVC, Read
List Of File From Server and Display In GridView Using C# In Asp.Net, jQuery
Animated Dialog Window With Move, Resize and Explode Animation In Asp.Net MVC,
jQuery
Tabs Collapse Control Using jQuery In Asp.Net MVC, MVC2, MVC3, MVC4 and MVC5.
So for this article first we will create the entity model.
Now we will create the model file.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace MvcApplication1.Models
{
public class ProductDetailModel
{
public
List<Product>
ProductList { get; set;
}
}
public class Product
{
public
int ID { get;
set; }
public
string ProductName { get;
set; }
public
string ProductDetail { get; set; }
public
int CurrentStock { get;
set; }
}
}
|
Now add the controller class file and the below code into
the controller.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication1.Models;
using System.Web.UI.WebControls;
using System.IO;
using System.Web.UI;
namespace MvcApplication1.Controllers
{
public class HomeController
: Controller
{
//
// GET:
/Home/
[HttpGet]
public
ActionResult Index()
{
ProductDetailModel
objproductdetailmodel = new ProductDetailModel();
objproductdetailmodel.ProductList
= ProductData();
return
View(objproductdetailmodel);
}
///
/// This finction is used for providing the data.
/// we will bind this data
/// to diaply in grid format.
/// You can get data from data base and
/// thee put into collection
/// ///
public List<Product> ProductData()
{
List<Product> objProduct = new List<Product>();
DemoEntities objDemoEntities = new DemoEntities();
var productItem = from data in objDemoEntities.ProductMasters
select data;
foreach (var item in productItem)
{
objProduct.Add(new Product
{
ID = item.Id,
ProductName = item.ProductName,
ProductDetail = item.ProductDetail,
CurrentStock = (int)item.CurrentStock
});
}
return objProduct;
}
}
}
|
Now we will create the view and add the below code into the
view
@model MvcApplication1.Models.ProductDetailModel
@{
ViewBag.Title = "Hyperlink
Adding In MVC WebGrid in Asp.Net MVC Using C#.Net";
}
<style>
table, td, th
{
border:
1px solid green;
border-collapse:
collapse;
}
th
{
border:
1px solid black;
background-color:
green;
color:
white;
}
</style>
<script language="javascript">
function
AlertMessage() {
alert("This
is a alert message");
}
</script>
@using (@Html.BeginForm("Index", "Home"))
{
var grid
= new WebGrid(Model.ProductList,
canSort: false);
<div>
@grid.GetHtml(columns:
grid.Columns
(
grid.Column("ID", "ID"),
grid.Column("ProductName", "Product Name"),
grid.Column("ProductDetail", "Product Detail"),
grid.Column("CurrentStock", "Current Stock"),
grid.Column("",format: @
)
), mode: WebGridPagerModes.Numeric)
</div>
}
|
In above code please check the below mention line
grid.Column("",format: @
|
This code is used for adding the hyper link. Now we have
done run the application to check the output.
DOWNOLOAD
About the Author
Good Post.....Thank you Pranav Singh.
ReplyDeleteGood Post.....Thank you Pranav Singh.
ReplyDelete