How to Add Images like ImageButtons in Gridview all cells dynamically with unique ID & get ID's from cell when we click on image

Question

0.00/5 (No votes)

See more:

Hi to all
I am developing movie theater seat booking website like www.bookmyshow.com[^], for that i have place image as Seats in asp:gridview(all cells), for selection of seat click on Image(cell) at that time i need that cell value(Seat No) where i clicked Image(cell) in gridview.

This binding based on Database
In Database Cell value=0 Then in gridviewCell no image
In Database Cell value=1 Then in gridviewCell image indicate available Seat
In Database Cell value=2 Then in gridviewCell image indicate Selected Seat
In Database Cell value=3 Then in gridviewCell image indicate Booked Seat

This Database is every time changes by selecting deferent Theater.
So theater layout is not fix to some Rows & Columns,
so this all binding is done dynamically.

If possible send me Sample code.

Please help me.

Posted 9-Sep-11 23:03pm

MahiGurrala.in

Updated 3-Oct-11 7:08am

v8

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Abhinav S · Answer 1 · 2011-09-10T00:07:00

Solution 1

As far as getting cell values is concerned, maybe this[^] can help you out.

Posted 10-Sep-11 0:07am

Abhinav S

Pandya Anil · Answer 2 · 2011-09-22T03:16:00

You can add ImageButton control instead of simple Image control, the ImageButton control has an additional property called CommandParameter which you can bind with your customId (Say SeatNo) while adding to grid cells,

Whenever you will click the button, event bubbling will happen and Gridview1_ItemCommand event will be executed, in that event handler you can identify, which ImageButton is clicked through its CommandParameter property.

Muralikrishna8811 · Answer 3 · 2011-09-22T03:50:00

Hi

I tried some code for your requirement

Check my code for it

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language ="javascript" >


    
    </script>
</head>
<body >
    <form id="form1" runat="server">
    <div>
        <asp:datalist id="DataList1" runat="server" repeatcolumns="5" xmlns:asp="#unknown">
            RepeatDirection ="Horizontal" onitemcommand="DataList1_ItemCommand" 
            onitemdatabound="DataList1_ItemDataBound" >
        <HeaderTemplate >
        </HeaderTemplate>
        <itemtemplate>
         <table width="20" height="20">
          <tr>
            <td>
                <asp:linkbutton id="LinkButton1" runat="server" commandname="book" commandargument="<%#Eval("vid") %>"><img src="Images/Winter.jpg" width="19" height="19" /></asp:linkbutton>
            </td>
          </tr>
         </table>
        </itemtemplate>
        <footertemplate>
        
        </footertemplate>
        </asp:datalist>
    </div>
    </form>
</body>
</html>

And code behin file contains following code

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        MylocalDataClassesDataContext db = new MylocalDataClassesDataContext();
        var g = from d in db.VideoTabs
                select d;
        DataList1.DataSource = g;
        DataList1.DataBind();
    }
}

protected void DataList1_ItemCommand(object source, DataListCommandEventArgs e)
{
    if (e.CommandName == "book")
    {
        // write for booking here
    }
}
protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        LinkButton rdblist = (LinkButton)e.Item.FindControl("LinkButton1");
        //check database values here

        rdblist.Text = "<img src="\"Images/Waterlilies.jpg\"" width="\"19\"" height="\"19\"" />";
    }
}

Here you've to check the database values in databound event
I hope you can understood What I did.

All the Best

How to Add Images like ImageButtons in Gridview all cells dynamically with unique ID & get ID's from cell when we click on image

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0