Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.
Course Of The Month
6 days, 21 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
GridView how to set behind code to able update rows, or columns?
Posted on 2013-11-10
Hello,
I don't have problem to populate GridView behind code. But, now I need also to edit/update rows/columns, but just don't know where to start.
Actual, I have enable AutoGenerateEditButton, and I thought that asp.net .dll will do the rest job :-(.
I would be please if someone could give me a tip, sample, etc :-)
Thanks in advance for help!
I don't have problem to populate GridView behind code. But, now I need also to edit/update rows/columns, but just don't know where to start.
Actual, I have enable AutoGenerateEditButton, and I thought that asp.net .dll will do the rest job :-(.
I would be please if someone could give me a tip, sample, etc :-)
Dim connection As New SqlConnection("<conn string>")
connection.Open()
Dim da As New SqlDataAdapter("<query>", connection)
Dim dt As New DataTable()
da.Fill(dt)
GridView1.DataSource = dt.DefaultView
GridView1.AutoGenerateColumns = True
[b]GridView1.AutoGenerateEditButton = True
[/b] GridView1.DataBind()
Thanks in advance for help!
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
3 Comments
Try adding a commandfield column in your gridview to show the buttons. The example below shows the commandfield in the first column and shows the Edit and Delete buttons, but you could put it last if you want.
<Columns>
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" />
<asp:BoundField DataField="Field1" HeaderText="Field header text" ReadOnly="True" SortExpression="Field1" />
Etc...
<Columns>
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" />
<asp:BoundField DataField="Field1" HeaderText="Field header text" ReadOnly="True" SortExpression="Field1" />
Etc...
hi..
Here is the markup you need to create an EditItemTemplate within your TemplateField
<asp:GridView ID="GridView2" runat="server" Visible="False" AutoGenerateColumns="false
ShowFooter="True"
AutoGenerateDeleteButton="
<Columns>
<asp:BoundField DataField="RowNumber" HeaderText="Row Number" />
<asp:TemplateField HeaderText="Action Item">
<ItemTemplate>
<asp:TextBox ID="TextBox1" Width="500px" TextMode="MultiLine" runat="server"></asp:TextB
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox id="EditActionItemTextBox"
</EditItemTemplate>
<FooterTemplate>
<asp:Button ID="ButtonAdd" OnClick="ButtonAdd_Click" runat="server" Text="Add New Row" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Now in your code-behind where you are updating your data table, do this
'Update the values.
Dim row = GridView2.Rows(e.RowIndex)
dt.Rows(row.DataItemIndex)
dt.Rows(row.DataItemIndex)
Note: In your <ItemTemplate> you may want to consider making the control read-only so that your users know they cannot change the value, usually when a user sees a text box they think they can edit the content, but it completely makes sense to have an editable text box in edit mode of your grid view. To change the the <ItemTemplate> text box to read-only, just add ReadOnly="True", like this
<ItemTemplate>
<asp:TextBox ID="TextBox1" Width="500px" TextMode="MultiLine"
runat="server" ReadOnly="True"></asp:Text
</ItemTemplate>
Depending upon the browser, the control will have a slight gray tinge to it. The user will be able to click on the text, but will not be able to change the text.
Here is the markup you need to create an EditItemTemplate within your TemplateField
<asp:GridView ID="GridView2" runat="server" Visible="False" AutoGenerateColumns="false
ShowFooter="True"
AutoGenerateDeleteButton="
<Columns>
<asp:BoundField DataField="RowNumber" HeaderText="Row Number" />
<asp:TemplateField HeaderText="Action Item">
<ItemTemplate>
<asp:TextBox ID="TextBox1" Width="500px" TextMode="MultiLine" runat="server"></asp:TextB
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox id="EditActionItemTextBox"
</EditItemTemplate>
<FooterTemplate>
<asp:Button ID="ButtonAdd" OnClick="ButtonAdd_Click" runat="server" Text="Add New Row" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Now in your code-behind where you are updating your data table, do this
'Update the values.
Dim row = GridView2.Rows(e.RowIndex)
dt.Rows(row.DataItemIndex)
dt.Rows(row.DataItemIndex)
Note: In your <ItemTemplate> you may want to consider making the control read-only so that your users know they cannot change the value, usually when a user sees a text box they think they can edit the content, but it completely makes sense to have an editable text box in edit mode of your grid view. To change the the <ItemTemplate> text box to read-only, just add ReadOnly="True", like this
<ItemTemplate>
<asp:TextBox ID="TextBox1" Width="500px" TextMode="MultiLine"
runat="server" ReadOnly="True"></asp:Text
</ItemTemplate>
Depending upon the browser, the control will have a slight gray tinge to it. The user will be able to click on the text, but will not be able to change the text.
Active 3 days ago
Hm,
well my actual goal is to populate gridview by different tables, different table structure. That why I'm looking to design gridview from code behind.
Like:
- first populate gridview with table columns A, B, C, Edit column
- enable edit column with update query (also behind code)
- delete query is no needed
That would not be a problem, but my main problem is that I cannot have a STATIC GridView as tables have different columns.
For edit:
But, now I also need to populate row on edit, so selection query >> and update row with update query.
Just in case if you have any samples, but if not then we can close this case.
Thanks.
well my actual goal is to populate gridview by different tables, different table structure. That why I'm looking to design gridview from code behind.
Like:
- first populate gridview with table columns A, B, C, Edit column
- enable edit column with update query (also behind code)
- delete query is no needed
That would not be a problem, but my main problem is that I cannot have a STATIC GridView as tables have different columns.
For edit:
GridView1.EditIndex = e.NewEditIndex;
GridView1.EditIndex = -1
But, now I also need to populate row on edit, so selection query >> and update row with update query.
Just in case if you have any samples, but if not then we can close this case.
Thanks.
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Suggested Solutions
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform postback. Many times you might need to perform some action on an ASP.NET po…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA).
For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651
If you want to manage em…
I've attached the XLSM Excel spreadsheet I used in the video and also text files containing the macros used below.
https://filedb.experts-exchange.com/incoming/2017/03_w12/1151775/Permutations.txt
https://filedb.experts-exchange.com/incoming/201…
Suggested Courses
Course of the Month6 days, 21 hours left to enroll
732 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.