页面回发后保持图像位置 [英] Maintain image position after page postback

问题描述

i我使用imagelider使用asp：repeater显示图像和一些数据，但当我点击任何图像滑块时，他的起始（实际）位置，我想阻止它来到它的起始位置的图像滑块。图片滑块在updatepanel和一个javascript函数调用。



javascript函数调用outsideupdatepanel：

  function  pageLoad（）
 {
 $（ function  （）{
 $（' ＃mycarousel'）。jcarousel（）; 
}）; 
} 

和更新面板内的aspx代码：

 <   ul     id   =  mycarousel >  
 <   asp：Repeater     ID   =  rptImages    runat   = 服务器 >  
 <   itemtemplate  >  
 <   li  >  
 <   asp：ImageButton     ID   =  img    alt   =     runat   =  server    OnClick   =  SelectDataUsi ngImage    CommandArgument   ='  <％ #Eval（  TstText4）％>'  
   
        < span class =code-attribute>                                                < span class =code-attribute>                                                      < span class =code-attribute>             src   ='  <％ #Eval（  ImageUrl）％>'    /  >  
 <   asp：LinkBut​​ton     ID   =  Label2   文本  ='  < span class =code-pagedirective><％ #Eval（  TstText1 ）％>'    OnClick   =   SelectDataUsingText  
   
                                                                                                                           CommandArgument   ='  <％ #Eval（  TstText4 ）％>'    runat   = 服务器 >  
 <   br  >  
 <   asp：LinkBut​​ton     ID   =  Label1   文字  ='  <％ #Eval（  TstText2）％>'    OnClick   =  SelectDataUsingText  
   
                                                  < span class =code-attribute>                                                                         CommandArgument   = '  <％ #Eval（  TstText4）％>'    runat   =  server    >  
 <   br  >  
 < ;   asp：LinkBut​​ton     ID   =  Label3   文本  ='  < ％ #Eval（  TstText3）％>'    OnClick   =  SelectDataUsingText   
   
                                                                                                                           CommandArgument   ='   <％ #Eval（ < span class =code-string> TstText4）％>'    runat   =  server   < span class =code-keyword>>  
 <   / br  >  <   / br  >  <   / li  >  
 <   / itemtemplate  >  
 
 <   / ul  >  

请帮忙。





谢谢

shubham gupta

解决方案

（ function （）{

（' ＃mycarousel'）。jcarousel（）;
}）;
}

和更新面板内的aspx代码：

 <   ul     id   =  mycarousel >  
 <   asp：Repeater     ID   =  rptImages    runat   = 服务器 >  
 <   itemtemplate  >  
 <   li  >  
 <   asp：ImageButton     ID   =  img    alt   =     runat   =  server    OnClick   =  SelectDataUsi ngImage    CommandArgument   ='  <％ #Eval（  TstText4）％>'  
   
        < span class =code-attribute>                                                < span class =code-attribute>                                                      < span class =code-attribute>             src   ='  <％ #Eval（  ImageUrl）％>'    /  >  
 <   asp：LinkBut​​ton     ID   =  Label2   文本  ='  < span class =code-pagedirective><％ #Eval（  TstText1 ）％>'    OnClick   =   SelectDataUsingText  
   
                                                                                                                           CommandArgument   ='  <％ #Eval（  TstText4 ）％>'    runat   = 服务器 >  
 <   br  >  
 <   asp：LinkBut​​ton     ID   =  Label1   文字  ='  <％ #Eval（  TstText2）％>'    OnClick   =  SelectDataUsingText  
   
                                                  < span class =code-attribute>                                                                         CommandArgument   = '  <％ #Eval（  TstText4）％>'    runat   =  server    >  
 <   br  >  
 < ;   asp：LinkBut​​ton     ID   =  Label3   文本  ='  < ％ #Eval（  TstText3）％>'    OnClick   =  SelectDataUsingText   
   
                                                                                                                           CommandArgument   ='   <％ #Eval（ < span class =code-string> TstText4）％>'    runat   =  server   < span class =code-keyword>>  
 <   / br  >  <   / br  >  <   / li  >  
 <   / itemtemplate  >  
 
 <   / ul  >  

请帮忙。





谢谢

shubham gupta

 < ;   asp：图片按钮    ID   =  img    alt   =     runat   =  server      OnClick   =  SelectDataUsingImage         CommandArgument   ='  <％ #Eval （  TstText4）％ > '    src   ='  <％ #Eval（  ImageUrl）％> '    /  >  

检查此 OnClick 事件。你在这里做的事情，可能是重新绑定 Repeater 。如果不需要此调用，则将其删除。

Hi,

i am using imageslider for showing image and some data using asp:repeater, but when i click on any image slider comes his starting (actual) position, i want to stop it to come image slider in it's starting position . image slider is in updatepanel and one javascript function call.

javascript function call outsideupdatepanel:

function pageLoad()
               {
               $(function () {
               $('#mycarousel').jcarousel();
               });
       }

and aspx code inside updatepanel:

<ul id="mycarousel">
                                            <asp:Repeater ID="rptImages" runat="server">
                                                <itemtemplate>
                                                    <li>
                                                        <asp:ImageButton ID="img" alt="" runat="server" OnClick="SelectDataUsingImage" CommandArgument='<%# Eval("TstText4") %>'

                                                            src='<%# Eval("ImageUrl") %>' />
                                                       <asp:LinkButton ID="Label2" Text='<%# Eval("TstText1") %>' OnClick="SelectDataUsingText"

                                                            CommandArgument='<%# Eval("TstText4") %>' runat="server">
                                                        <br>
                                                        <asp:LinkButton ID="Label1" Text='<%# Eval("TstText2") %>' OnClick="SelectDataUsingText"

                                                            CommandArgument='<%# Eval("TstText4") %>' runat="server" >
                                                        <br>
                                                        <asp:LinkButton ID="Label3" Text='<%# Eval("TstText3") %>' OnClick="SelectDataUsingText"

                                                            CommandArgument='<%# Eval("TstText4") %>' runat="server" >
                                                   </br></br></li>
                                                </itemtemplate>
                                            
                                        </ul>

please help.


thanks
shubham gupta

解决方案

(function () {

('#mycarousel').jcarousel(); }); }

and aspx code inside updatepanel:

<ul id="mycarousel">
                                            <asp:Repeater ID="rptImages" runat="server">
                                                <itemtemplate>
                                                    <li>
                                                        <asp:ImageButton ID="img" alt="" runat="server" OnClick="SelectDataUsingImage" CommandArgument='<%# Eval("TstText4") %>'

                                                            src='<%# Eval("ImageUrl") %>' />
                                                       <asp:LinkButton ID="Label2" Text='<%# Eval("TstText1") %>' OnClick="SelectDataUsingText"

                                                            CommandArgument='<%# Eval("TstText4") %>' runat="server">
                                                        <br>
                                                        <asp:LinkButton ID="Label1" Text='<%# Eval("TstText2") %>' OnClick="SelectDataUsingText"

                                                            CommandArgument='<%# Eval("TstText4") %>' runat="server" >
                                                        <br>
                                                        <asp:LinkButton ID="Label3" Text='<%# Eval("TstText3") %>' OnClick="SelectDataUsingText"

                                                            CommandArgument='<%# Eval("TstText4") %>' runat="server" >
                                                   </br></br></li>
                                                </itemtemplate>
                                            
                                        </ul>

please help.


thanks
shubham gupta

<asp:ImageButton ID="img" alt="" runat="server" OnClick="SelectDataUsingImage" CommandArgument='<%# Eval("TstText4") %>' src='<%# Eval("ImageUrl") %>' />

Check this OnClick Event. You are doing something here, which might be rebinding the Repeater. If this call is not required, then remove it.

这篇关于页面回发后保持图像位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！