ASP.NET Сохранение позиции прокрутки после обратной передачи в div внутри списка данных и пользовательского элемента управления.
Моя ситуация выглядит следующим образом: у меня есть прокручиваемый div оси x, который содержит кнопки с номерами отображаемой страницы. Этот div находится в списке данных внутри пользовательского контроля, отвечающего за отображение новостей на моем сайте.
Это код этого div и datalist с номерами страниц.
<div style="width:430px; overflow:auto; overflow-y:hidden; -ms-overflow-y:hidden; vertical-align:top; position:relative; top:-1px; ">
<asp:DataList ID="dlPaging" runat="server" OnItemCommand="dlPaging_ItemCommand" RepeatDirection="Horizontal"
OnItemDataBound="dlPaging_ItemDataBound">
<ItemTemplate>
<asp:Button ID="lnkbtnPaging" class="pagebutton" runat="server" CommandArgument='<%# Eval("PageIndex") %>'
CommandName="lnkbtnPaging" Text='<%# Eval("PageText") %>' CausesValidation="False" />
</ItemTemplate>
</asp:DataList>
</div>
Как сохранить положение оси X этого div после обратной передачи? Я попробовал несколько трюков, JavaScript, и я не могу понять это.
2 ответа
<div id="divDtPaging" runat="server" visible="true" style="width: 50%; overflow: scroll; text-align: center">
<asp:DataList runat="server" ID="dtPaging" OnItemCommand="dtPaging_ItemCommand"
OnItemDataBound="dtPaging_ItemDataBound" RepeatDirection="Horizontal"
SeparatorStyle-Wrap="true" Style="height: auto">
<ItemTemplate>
<asp:LinkButton runat="server" ID="lnkbtnPaging" Text="PageText" CommandArgument="PageIndex" Style="padding-right: 5px">
</asp:LinkButton>
</ItemTemplate>
</asp:DataList>
</div>
<asp:HiddenField id="hdnScrollPos" runat="server"/>
<script type="text/javascript">
function BeginRequestHandler(sender, args)
{
document.getElementById('<%=hdnScrollPos.ClientID %>').value = document.getElementById('<%=divDtPaging.ClientID %>').scrollLeft;
}
function EndRequestHandler(sender, args) {
document.getElementById('<%=divDtPaging.ClientID %>').scrollLeft = document.getElementById('<%=hdnScrollPos.ClientID %>').value;
}
if (window.Sys && Sys.WebForms && Sys.WebForms.PageRequestManager) {
var prm = Sys.WebForms.PageRequestManager.getInstance()
prm.add_beginRequest(BeginRequestHandler);
prm.add_endRequest(EndRequestHandler);
}
</script>