Data Controls :: Populate Nested GridView Dynamically On Click Of Button
May 3, 2013
I followed the article Nested GridView Example in ASP.Net using C# and VB.Net ..... It is a great article and very simple to follow. I easily modified it to suit my needs and added several more levels to the nested GridView.I am a VB.net Programmer and I have never used ASP.net or JQuery before.
The data I am using is very large and with the "OnRowDataBound" events, the Page is Pre loading all the data into the gridviews and the Plus/Minus images are just displaying/hiding the nested gridviews. The question is "How to make the nested gridviews populate dynamically?" I want to have the nested gridviews to databind when the plus image is clicked.
I added the below code to the Plus image click Function to execute the server-side "BindData" Function. however I don't know enough about ASP or Jquery to get the GridViewRowData to send to the server-side function.
$("[src*=plus]").live("click", function () {
$.ajax({ type: "POST", url: "Main.aspx/BindData", data: '{}', contentType: "application/json; charset=utf-8", dataType: "json", error: function(err) { alert("err");}, success: function (msg) { // Do something interesting here. alert("ok") } }); $(this).closest("tr").after("<tr><td></td><td colspan = '999' width = '100%'>" + $(this).next().html() + "</td></tr>") $(this).attr("src", "images/minus.png"); });
Server Side "BindData"
[code]....
View 1 Replies
Similar Messages:
May 7, 2015
With reference to the below article
ASP.Net Nested GridViews – GridView inside GridView with Expand and Collapse feature
Add new Row to GridView on Button Click in ASP.Net
I am looking for adding new row to the nested gridview control.
View 1 Replies
May 7, 2015
URL....When the user creates a new child record (2nd gridview) how can I ibsert a field from the parent level (obviously from the line where they clicked from).
View 1 Replies
Jan 16, 2011
i have one grid and one button when i click on that button then it expand and showing another grid under the row of parent grid how to do that.
View 2 Replies
Jun 4, 2010
trying to merge two sets of data from a SqlDataAdapter and an OleDataAdapter and then populate a gridview on a button click. If I run just the SqldataAdapter on its own the grid populates as expected. This also applies to the OleDataAdapter. The problem arises when I try to merge the two. I get an empty table, hence dt3 is not populating. The code i'm using is below.Does anyone know why this doesn't work?
[Code]....
View 2 Replies
Oct 8, 2010
I have Gridview and Button Control on Form.i want to Add Dynamically TextBox And DropDownList In Gridview on Button Click Wich is placed outside of Gridview.
When i click on Button -> One TextBox and One Dropdownlist which contains values bydefault 1,2,3 should bind to gridview. Button is placed outside Gridview.
View 6 Replies
Feb 21, 2014
I have a grid with 3 templetefield columns. Above that i have a checkbox list collection. i want to add no of rows equal to no of checkbox checked from list.
If I check 3 checkbox then 3 rows should be added to grid dynamically without postback.. I am trying to do it using javascript.
View 1 Replies
Oct 21, 2015
[URL]
by using above thread its working great..
i want below rows and columns pattern
Rows 3, Columns 4 in my query..
1 2 3 4 -- Header
A 1 2 3 4
B 1 2 3 4
C 1 2 3 4
View 1 Replies
Apr 24, 2010
this my gridview data with button's i want as soon as i click the button(Button here is not the Button Web Control) i refer button here as Gridview Button(click me/Gridview Button) the corresponding value should populate my textbox's just trying something in asp.
View 8 Replies
Mar 24, 2011
I have a dropdownlist("ddlTemplate") control and a gridview("gvPlanning") control with 1 BoundField column, 1 TemplateField column and remaining columns will be generated dynamically from database.In TemplateFiled Column i have 3 image buttons viz: Edit, update and cancel.Gridview will be populated based on the selecteditem of dropdownlist.
if i click on edit imagebutton, i need to add textboxes dynamically in all the columns of that row except first 2 column. And if i click on Update imagebutton i need to retrieve the textbox values.we can add template field column for textboxes also, but why i am sticking to this method is.. the number of columns changes depending on the selecteditem from the dropdownlist. Eg: If i select india from dropdownlist the number of columns in the gridview would be 4 and if i select UK from dropdownlist the number of columns would be 9 likewise.
View 5 Replies
Jan 3, 2010
I have a nested gridview dynamically added. It seems I resolved all issues with the loading this control on a parent page along with other controls and I can trigger the edit of the first level - the master part of the gridview. However, I cannot trigger the edit on a child gridview.
OnRowEditing="grdChildGridEdit_RowEditing"
The master and the child gridviews have objectdatasources in a markup but I have to do the additional data binding after the loading the control on the parent page (see the code below). I'm doing that additional data binding only for the master gridview that is working fine and shows the data for the master and the child gridviews. When I click the Edit button on the master gridview it shows text boxes for the editing but when I click the Edit button on the child gridview it's doing nothing and moreover the editing mode for the master gridview is going back to the initial stage (labels).
I was trying to trigger it throughuse the registering the event:
[code]....
View 5 Replies
May 7, 2015
I am requested by my manager to develop a web page called staff deployment plan that will involve two GridViews, that is the Parent GridView and Child GridView. The Parent GridView will display two columns which are EmployeeNames and WorkingDays - the working days column is a heading of Child GridView and the child gridview displays columns as current working days for example: the month of November 2014 has 20 working days excluding weekends and public holidays in South Africa, so the columns for child gridview are like this:
3 Nov, 4 Nov, 6 Nov...etc
The problem that am experiencing now:
Is to add LinkButton for each column on the Child GridView and to create command event for each linkbutton inside a child gridview (remember this child gridview is inside a parent gridview) and the link button when is click it should display a popup window.
View 1 Replies
Jul 14, 2010
I have a page with a gridview in which I currently populate with a stored procedure. There is an additional column I want to add to the gridview and populate (either dynamically or with a sqldatasource). Though I'm not sure how? If I create it dynamically, I don't know which gridview event to use (I would guess the rowcreated event)? Which is better or is there a better alternative to what I've proposed?
View 3 Replies
Jan 5, 2010
I have a 3 level deep nested gridview. The expansion/contraction of each record was originally done with javascript. There were html <div> tags around each gridview. Since these were HTML div tags I could give them IDs that were dynamically bound to record ID value within the database. I then had onclick buttons that passed in a bound record ID value that coresponded to the appropriate div tag that needed to be expanded (e.g. display: inline (show it) or if it is already inline then display: none).
This worked beautifuly. Unfortunatley I wanted to be able to do in-girdview editing of the child records. When expands a parent record and clicks to edit a child record the OnRowEdit event fires which automatically generates a postback and resets the variables within the JavaScript. THEREFORE THE ENTIRE GRIDVIEW STATE BECOMES CONTRACTED.
So finally I decided to change the div tags to <asp: Panel> and the onclick images to .net clickable images (all .net objects no framework). This works because the state is remembered within each postback. However, the problem I'm having is I can't dynamically bind ID's for panel since this is not allowed. HOW CAN I GIVE THE PANEL <% Bind("id") %>. THAT I CAN REFER TO SO I CAN OPEN THE APPROPRIATE PANEL.
View 1 Replies
May 5, 2010
1. When executed I have a "Add Building" and "Click here to add tower" on the page.
2. When clicked on "Add Building" a editable gridview appears when I enter the text and say update.
3. When I click on "Click here to add tower" another button "Add Tower" is displayed on the
page.
4. On this "Click here to add tower" event I have called the usercontrol, where the usercontrol has a editable gridview and a button called "Add Tower".
5. When I click on "Add Tower" a editable gridview should be displayed but the editable gridview is not displayed ,it disappears.
6. Postback is happening ,so I am not getting where and how to handle the postback and even the viewstate
[code]....
View 2 Replies
May 7, 2015
To change particular value in a dropdownlist dynamicallyfor exampleif i have a value as Apple in dropdownlisti should chk if that particular values is present or not then dispaly it as "redfruit"
View 1 Replies
Jul 17, 2015
How to create a table in the code behind to display data from the database by creating a new table etc. How I could target existing HTML in my aspx file as opposed to creating a new table in the code behind?
View 1 Replies
Mar 23, 2011
I have five nested Gridviews that seem to work well, but I need to figure out how to make a "Expand / Collapse All" button at the top of the page, so that if people want to print out the results, they can just click that button and show all of the details gridview for printing without having to click on each individual "+" button on each row.
Below is my inline code and script.
<
style type="text/css">
.ShowHideButton
{
border: solid 1px #404040;..........
View 1 Replies
Nov 23, 2010
I have some data like:
1 A
2 C
2 D
3 E
3 F
4 G
5 H
I want display this data in a gridview with radio button like:
Radio Button : A
Collapse able Button:2
Radio Button:C
Radio Button:D
Collapse able Button:3
Radio Button:E
Radio Button:F
Radio Button : G
Radio Button : H
View 1 Replies
Mar 3, 2011
My problem is as follows:I have a gridview that get populated from a stored procedure in my MS SQL database. This gridview has a column that is a link field that I click to navigate to a new page that should display the correct info in the relevant labels.So the gridview returns say five diffrent rows of companies (and this work great by the way) and lets say that the 'company name' is the link field column that I meantioned earlier. So now I the company name and this navigates me to the Company.Aspx page, which so far is all working well.What I cant seem to get right is how to pas the correct row of the the passed dataset to display in the correct label fields, here is a brief snippet of what I mean:
if (Session["objDataSet"] != null)
{
DataSet dsCurrent = (DataSet)Session["objDataSet"];
[code]...
View 3 Replies
Jun 6, 2013
i'm using a repeater with an hyperlink and i'm displaying some data from a table x and when the link is clicked i want to add some from the displayed data in another table y..I used a datasource for selecting information , should i use another datasource for the insert command or what to do ..
<asp:Repeater
id="rptproduct"
DataSourceID="SqlDataSource1"
Runat="server">
<ItemTemplate>
<asp:label
id="labCode"
[code]....
View 1 Replies
Dec 24, 2010
I have a dynamically loaded usercontrol
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucEditPanel.ascx.cs"
View 1 Replies
Aug 16, 2010
I have a textbox1, button1 and a GridView1.
I have configured a datasource for gridview1 to execute a Stored Procedure on a SQL Server Database passing a parameter with the value from textbox1.
My question is, how do I code the button1 Click Event to populate the GridView1?
GridView1 already has the datasource configured, I just need to trigger it via the button1 Click Event.
View 4 Replies
Aug 18, 2015
I have applied your code and it's just worked like a charm but got couple of issue.
I have "Show all" & "Hide all" button and wanted to expand all the nested grid in one go and like wise hide.
View 1 Replies
Mar 1, 2011
I'm trying to create a nested gridview, but I'm stuck at the editing/deleting part of the nested gridview. (Below is my code).The nested gridviews are filling out nice, I've set the DeleteParameter in the SQLDataSource, but I'm still getting this error when trying to delete a criteria: 'The Gridview 'gvCriteria' fired event RowDeleting which wasn't handled.'I've tried to create a method 'gvCriteria_RowDeleting', but that didn't seem to work out.Someone who can give me a piece of advice? Would it be possible to fill the gridview without using gvDomain_rowDataBound? Dries
[Code]....
[Code]....
And the C# behind:
[Code]....
View 10 Replies