Scroll inside grid and update panel with oncheckedchanged

Question

0.00/5 (No votes)

See more:

I am using a grid view with a check box inside update panel . it is working perfectly. but the problem is when the check box is selected the scroll is going up. the scroll is inside the grid not for the page. i just want to maintain the scroll position inside grid and also get some value after selecting the grid. after post back the scroll going up . how i can solve this.. Thank you

I tried this

What I have tried:

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/ScrollableGridViewPlugin_ASP.NetAJAXmin.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function () {
$('#<%=grvBCLList.ClientID %>').Scrollable({
ScrollHeight:300,
IsInUpdatePanel: true

});
});
</script>

<asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Release">

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<contenttemplate>

<%--

--%>

<asp:GridView ID="grvBCLList" runat="server" Height="60px" Width="1600px"
AutoGenerateColumns="False" CellPadding="4" CssClass="style31"
ForeColor="#333333" GridLines="None">
<alternatingrowstyle backcolor="White">
<columns> <asp:BoundField DataField="sTranNo" HeaderText="PRCN Number" SortExpression="sTranNo" />
<asp:BoundField DataField="rcpno" HeaderText="RMS-Rcptno" SortExpression="rcpno" />
<asp:BoundField DataField="dtDateTime" HeaderText="PRCN Date" DataFormatString="{0:d}" SortExpression="dtDateTime" />
<asp:BoundField DataField="sVendorID" HeaderText="Farmer NRC Number" SortExpression="sVendorID" />
<asp:BoundField DataField="sVendorName" HeaderText="Farmer Name"
HeaderStyle-Width="150px" SortExpression="sVendorName" >
<HeaderStyle Width="150px"></HeaderStyle>

<asp:BoundField DataField="sLoc" HeaderText="Satalite Depot" SortExpression="sLoc" />
<asp:BoundField DataField="sItemNo" HeaderText=" Crop Code "
HeaderStyle-Width="100px" SortExpression="sItemNo" >
<HeaderStyle Width="100px"></HeaderStyle>

<asp:BoundField DataField="sItemDescr" HeaderText="Crop Name"
HeaderStyle-Width="200px" SortExpression="sItemDescr" >
<HeaderStyle Width="200px"></HeaderStyle>

<asp:BoundField DataField="sUOM" HeaderText="Unit" SortExpression="sUOM" />
<asp:BoundField DataField="dUnitCost" HeaderText="Item Price" SortExpression="dUnitCost" />
<asp:BoundField DataField="dQtyReceivedActual" HeaderText="Bags Received" SortExpression="dQtyReceivedActual" />
<asp:BoundField DataField="dDocTotal" HeaderText="Crop Value" SortExpression="dDocTotal" />
<asp:TemplateField HeaderText="Verified">
<%-- <edititemtemplate>
<asp:CheckBox ID="chkSelect" runat="server" OnCheckedChanged="ChkSelect_Changed" AutoPostBack="true" />
--%>
<itemtemplate>
<asp:CheckBox ID="cbVerified" runat="server" AutoPostBack="true"
oncheckedchanged="cbVerified_CheckedChanged"/>

<editrowstyle backcolor="#7C6F57">
<footerstyle backcolor="#1C5E55" font-bold="True" forecolor="White">
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<pagerstyle backcolor="#666666" forecolor="White" horizontalalign="Center">
<rowstyle backcolor="#E3EAEB">
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<sortedascendingcellstyle backcolor="#F8FAFA">
<sortedascendingheaderstyle backcolor="#246B61">
<sorteddescendingcellstyle backcolor="#D4DFE1">
<sorteddescendingheaderstyle backcolor="#15524A">

<asp:TextBox ID="txtSelPCRNTotal" runat="server" Enabled="false" style="text-align:right">
<%--

--%><%--
--%>

<asp:Label ID="lbl_test" runat="server">

Posted 14-May-16 0:01am

Member 11165428

Updated 15-May-16 20:22pm

Add a Solution

Comments

Karthik_Mahalingam 14-May-16 6:27am

are you rebinding the data in ChkSelect_Changed event

Member 11165428 15-May-16 3:17am

protected void cbVerified_CheckedChanged(object sender, EventArgs e)

{

int iSum = 0;
foreach (GridViewRow row in grvBCLList.Rows)
{
if (row.RowType == DataControlRowType.DataRow)
{
CheckBox chkRow = (CheckBox)row.Cells[0].FindControl("cbVerified");

if (chkRow.Checked)
{
iSum = iSum + int.Parse(grvBCLList.Rows[row.DataItemIndex].Cells[11].Text.ToString());
lbl_test.Text = iSum.ToString();
}

txtSelPCRNTotal.Text = iSum.ToString();
//try
//{
// txtBalance.Text = (int.Parse(txtTotalPRCN.Text) - iSum).ToString();
// if (!CheckTheBudgetLimit(iSum))
// {
// // chkRow.Checked = false;
// litBudgetError.Visible = true;
// Process.Enabled = false;
// txtSelPCRNTotal.Text = (iSum - (int.Parse(grvBCLList.Rows[row.DataItemIndex].Cells[10].Text.ToString()))).ToString();
// txtBalance.Text = (int.Parse(txtTotalPRCN.Text) - iSum - (int.Parse(grvBCLList.Rows[row.DataItemIndex].Cells[10].Text.ToString()))).ToString();
// }
// else
// {
// litBudgetError.Visible = false;
// Process.Enabled = true;
// }
//}
//catch (Exception ex) { }
}
}

Member 11165428 15-May-16 3:20am

chkselect_changed is not using here.. using only the next check box id.. cbvarified_checkedchanged()

Karthik_Mahalingam 15-May-16 3:33am

OkYou have to capture the scroll position in js on client side check change event

Member 11165428 16-May-16 2:04am

yes... u r right

Member 11165428 19-May-16 3:51am

that solution is not working...

Thank you

Karthik_Mahalingam 19-May-16 4:05am

post the code, what you have implemented on my solution..

Member 11165428 19-May-16 4:50am

i dont know how to use the scroll top js....

Member 11165428 19-May-16 4:51am

i just use a hidden field just before the check box

Member 11165428 19-May-16 4:52am

Karthik_Mahalingam 19-May-16 6:53am

Always use Reply button, to post Comments/query to the user, else the User wont get notified.

Member 11165428 19-May-16 4:53am

hidden field

<asp:HiddenField="hidenfield1" runat="server" />
<asp:CheckBox ID="cbVerified" runat="server" AutoPostBack="true"
oncheckedchanged="cbVerified_CheckedChanged"/>

Karthik_Mahalingam 19-May-16 6:55am

set the value of the scroll position to the hidden field in javascript event..

like http://stackoverflow.com/a/4471462/1147428

Member 11165428 21-May-16 5:08am

Thank You ..... I just used this plugin.. Now its working fine..

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/ScrollableGridPlugin_ASP.NetAJAX_3.0.js" type="text/javascript"></script>
<script type="text/javascript">
var position = 0;
$(document).ready(function () {
$('#<%=grvBCLList.ClientID %>').Scrollable({
ScrollHeight: 400, ScrollWidth: 1800,
IsInUpdatePanel: true
});
});
</script>

Thank you for your time and refernec..

Karthik_Mahalingam 21-May-16 5:13am

ok cool.

1 solution

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)

Karthik_Mahalingam · Answer 1 · 2016-05-15T20:22:00

use scrollTop [^] to capture the scroll bar position before doing the post back and save it temporarily in a hidden field,
once the postback is happened and using Jquery load function at the last part of your script

JavaScript

<script>
      $(function () {
          var div = document.getElementById('Your Scroll bar Container id');
          div.scrollTop = document.getElementById('hiddenFieldID').value;
      });
  </script>

Saving the Scroll position before postback is done using Client side click event of the checkbox
refer javascript - Getting value of HTML Checkbox from onclick/onchange events [^]