TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
Answers
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Forums
Monthly Leaders
Forum guidelines
B M Suchitra
NA
507
417.7k
Image disappears after click event
Sep 29 2011 3:04 AM
Hi,
I am working on nested gridview concept...
Here is the html source and the javascript function ... The image in the gridview disappears after a user clicks on it.. Why is it happening so? Please correct me.
<script type="text/javascript">
function expandcollapse(obj,row)
{
var div = document.getElementById(obj);
var img = document.getElementById('img' + obj);
if (div.style.display == "none")
{
div.style.display = "block";
if (row == 'alt')
{
img.src = "minus.gif";
}
else
{
img.src = "minus.gif";
}
img.alt = "Close to view other item location";
}
else
{
div.style.display = "none";
if (row == 'alt')
{
img.src = "plus.gif";
}
else
{
img.src = "plus.gif";
}
img.alt = "Expand to show item location";
}
}
</script>
===========================================
<asp:GridView ID="GridView1" AllowPaging="True"
AutoGenerateColumns="false" DataSourceID="SqlDataSource1" DataKeyNames="ItemID"
ShowFooter="true" Font-Size="8.25pt"
Font-Names="Tahoma" runat="server"
Width="800px" onrowdatabound="GridView1_RowDataBound"
BorderColor="#666699" BorderStyle="Solid">
<HeaderStyle BackColor="AliceBlue" ForeColor="#666699"/>
<FooterStyle BackColor="White" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<a href="javascript:expandcollapse('div<%# Eval("ItemID") %>', 'one');">
<img id="imgdiv<%# Eval("ItemID") %>" alt="Click to show/hide item location <%# Eval("ItemID") %>" width="9px" style="border:0" src="images/plus.gif"/>
</a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Item ID">
<ItemTemplate>
<asp:Label ID="lblItemID" runat="server" Text='<%#Eval("ItemID") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:Label ID="lblItemID" runat="server" Text=""></asp:Label> </EditItemTemplate>
<FooterTemplate>
<asp:Label ID="lblItemID" runat="server" Text=""></asp:Label>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Item Name">
<ItemTemplate>
<asp:Label ID="lblitemname" runat="server" Text='<%#Eval("ItemName") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtitemname" runat="server" Text='<%#Eval("ItemName") %>' Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</EditItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtitemname" runat="server" Text="" Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Item Code">
<ItemTemplate>
<asp:Label ID="lblitemcode" runat="server" Text='<%#Eval("ItemCode") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtitemcode" runat="server" Text='<%#Eval("ItemCode") %>' Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</EditItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtitemcode" runat="server" Text="" Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Group Name">
<ItemTemplate>
<asp:Label ID="lblGroupName" runat="server" Text='<%#Eval("GroupName") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtgroupname" runat="server" Text='<%#Eval("GroupName") %>' Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</EditItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtgroupname" runat="server" Text="" Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</FooterTemplate>
</asp:TemplateField>
<%-- <asp:BoundField DataField="ItemID" HeaderText="Item ID" />
<asp:BoundField DataField="ItemName" HeaderText="Item Name" />
<asp:BoundField DataField="ItemCode" HeaderText="Item Code" />
<asp:BoundField DataField="GroupName" HeaderText="Group Name" />--%>
<asp:CommandField HeaderText="Edit" ShowEditButton="True" />
<asp:TemplateField HeaderText="Delete">
<ItemTemplate>
<asp:LinkButton ID="linkDeleteItem" CommandName="Delete" runat="server">Delete</asp:LinkButton>
</ItemTemplate>
<FooterTemplate>
<asp:LinkButton ID="linkAddItem" CommandName="AddCustomer" runat="server">Add</asp:LinkButton>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<tr>
<td colspan="100%">
<div id="div<%# Eval("ItemID") %>" style="display:none;position:relative;left:15px;OVERFLOW: auto;WIDTH:97%" >
<asp:GridView ID="GridView2" AllowPaging="True" AllowSorting="true" BackColor="White" Width="100%" Font-Size="X-Small"
AutoGenerateColumns="false" Font-Names="Verdana" runat="server" DataKeyNames="ItemID" ShowFooter="true"
BorderStyle="Double" BorderColor="#0083C1">
<RowStyle BackColor="Gainsboro" />
<AlternatingRowStyle BackColor="White" />
<HeaderStyle BackColor="AliceBlue" ForeColor="#666699"/>
<FooterStyle BackColor="White" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="lblocid" Text='<%#Eval("Item_LocationID") %>' runat="server"></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:Label ID="lblocid" Text='<%#Eval("Item_LocationID") %>' runat="server"></asp:Label>
</EditItemTemplate>
<FooterTemplate>
<asp:Label ID="lblocid" Text="" runat="server"></asp:Label>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="lblitemid" runat="server" Text='<%#Eval("ItemID") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:Label ID="lblitemid" runat="server" Text='<%#Eval("ItemID") %>'></asp:Label>
</EditItemTemplate>
<FooterTemplate>
<asp:Label ID="lblitemid" runat="server" Text=""></asp:Label>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="lbllocname" runat="server" Text='<%#Eval("LocationName") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtlocname" Text='<%#Eval("LocationName") %>' runat="server" Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</EditItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtlocname" Text="" runat="server" Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="lblstore" Text='<%#Eval("StoreName") %>' runat="server"></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtstore" Text='<%#Eval("StoreName") %>' runat="server" Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</EditItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtstore" Text="" runat="server" Font-Names="Tahoma" Font-Size="8.25pt"></asp:TextBox>
</FooterTemplate>
</asp:TemplateField>
<%--<asp:BoundField DataField="Item_LocationID" HeaderText="Item Location ID" />
<asp:BoundField DataField="ItemID" HeaderText="Item ID" />
<asp:BoundField DataField="LocationName" HeaderText="Location" />
<asp:BoundField DataField="StoreName" HeaderText="Store" />--%>
<asp:CommandField HeaderText="Edit" ShowEditButton="True" />
<asp:TemplateField HeaderText="Delete">
<ItemTemplate>
<asp:LinkButton ID="linkDeleteItemL" CommandName="Delete" runat="server">Delete</asp:LinkButton>
</ItemTemplate>
<FooterTemplate>
<asp:LinkButton ID="linkAddItemL" CommandName="AddOrder" runat="server">Add</asp:LinkButton>
</FooterTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</td>
</tr>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Reply
Answers (
1
)
Hierarchical data display
Create SQL Database Table using Asp.net