how to create Id column data as link button in mvc5 razor

Question

hi frnds

i have a web grid with column name like ID ,Name ,Address

in this id column i gave id like  101 , 202 etc
now i want these id like 101 ,202 open like link button so in that if i click on 101 so another grid view should be open so how to do this mean
how to give every data as a link button on a Id column
 

Answer 1

Hi Anjali,

You want ID column data to be display to the user and its clickable(Link Button) so just follow below steps,

In View-The following view is List (Scaffolding of type List as view)

<table class="table">
    <thead>
        <tr>
            <th>
                Id Column
            </th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr id="mytable">
                <td>
                    <a href="~/UserList/GetData/@item.RegisterId" class="btn btn-default">@item.RegisterId </a>
                </td>
                </tr>
        }
        </tbody>
    </table>

 

 In my case link is ~/UserList/GetData/@item.RegisterId

Hope this will help you,

Accept the answer if you get what you are looking for.

Answer 2

Hi Dear,

           For each row  am I right ?

U want to add multiple buttons and you want to know that which button I clicked .

For this problem you  can generate button dynamic and create its ids follow the below link.

 

https://mrsarker.wordpress.com/2012/11/13/reusable-asp-net-mvc-user-control-in-angularjs-same-page/  

 

http://www.ezzylearning.com/tutorial/using-button-columns-in-gridview 

 

http://www.aspsnippets.com/Articles/ASPNet-GridView---Get-CommandName-and-CommandArgument-of-Button-clicked-in-RowCommand-and-Click-events.aspx 

Answer 3

my qus is i have a reg form so i filled all details and saveed to data base now these data is showing gridview .i want i gave id so how to generate
this id column data as click event

Answer 4

now I did not gave any css .simply created view with model and my code is

<div>

@Html.ActionLink("Home", "Index", "Home")

</div>

<div style="width:80% ; height:80% ; text-align:center">

<div>

@Html.LabelFor(model => model.Company)

               

@Html.EditorFor(model => model.Company)

@Html.ValidationMessageFor(model => model.Company)

</div>

 

Answer 5

Hi Dear,

           Please follow the below link..

 

http://stackoverflow.com/questions/12318905/mvc-razor-button-click-even-pass-parameter-with-it

 

 

http://stackoverflow.com/questions/31954101/webgrid-mvc-5-show-action-buttons-based-on-authentication-and-authorization 

Answer 6

hiddenDiv.Column("",style: "col1",format: @<text>

@Html.ActionLink("ControllerName","ActionName",null, new { @class="yourCssClass", @onclick="YourOnClickMethodName(this)"})

</text>)