1

我目前有一个 js 函数，仅当网格上有更改时才将 onchange 绑定到 onbeforeunload 或确认框。

我正在尝试选择页脚分页锚点，以便它不会触发确认或 onbeforeunload。无论网格上是否有变化，用户都应该选择数字分页。

锚点上没有 ID 或类名，所以我无法访问它。

提前致谢。

RadGrid 属性：

             <telerik:RadGrid 
             runat="server" 
             ID="DataGridFooItems" 
             AllowSorting="true" 
             AutoGenerateColumns="false" 
             EnableViewState="True" 
             GridLines="Vertical" 
             AllowPaging="True" 
             PagerStyle-Mode="NumericPages">

             <MasterTableView 
             AllowPaging="true" 
             DataKeyNames="foopersonID,fooItemID" 
             AllowAutomaticDeletes="true" 
             CommandItemDisplay="None" 
             NoMasterRecordsText="" >

这是 .aspx 在下面生成的：

    <TFOOT>
<TR class=rgPager>
<TD colSpan=20>
<TABLE style="WIDTH: 100%" border=0 cellSpacing=0>
<TBODY>
<TR>
<TD class="rgPagerCell NumericPages">
<DIV class="rgWrap rgNumPart">
<A class=rgCurrentPage onclick="returnfalse;"href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl02','')"><SPAN>1</SPAN></A><A 
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl04','')"><SPAN>2</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl06','')"><SPAN>3</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl08','')"><SPAN>4</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl10','')"><SPAN>5</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl12','')"><SPAN>6</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl14','')"><SPAN>7</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl16','')"><SPAN>8</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl18','')"><SPAN>9</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl20','')"><SPAN>10</SPAN></A><A
href="javascript:__doPostBack('ctl00$ph$FOO$rgItems$ctl00$ctl03$ctl01$ctl22','')"><SPAN>...</SPAN></A> 
</DIV></TD></TR></TBODY></TABLE></TD></TR></TFOOT>

更新：回答！

找到了！对类似的 Telerik 解决方案进行了一些研究和调整。

我写了这个：

  1. 我声明了一个选择一个类的变量。
  2. 然后我在对象中搜索所有锚点。
  3. 之后，如果锚不在当前页面上（不应该有点击事件，因为用户已经在页面上），我使用了一个循环。如果锚的 href 为 __doPostback。
  4. 然后我将属性 onclick 事件设置为确认。这一步包装了 __doPostback。

来源：http ://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-paging---pageindexchanged-event-issue.aspx

function preventPromptOnFooter() {

            var pagerCell = $('[class="rgPagerCell NumericPages"]')
            var anchors = $(pagerCell).find('a');
            for (var i = 0; i < anchors.length; i++) {
                if (anchors[i].className != "rgCurrentPage" && anchors[i].href.indexOf("javascript:__doPostBack") > -1) {
                    var clickScript = anchors[i].attributes["onclick"].value;
                    anchors[i].onclick = disableOnbeforeUnloadForFooter;
                }
            }



            function disableOnbeforeUnloadForFooter() {
                window.onbeforeunload = null;
            }
        }
4

2 回答 2

0

找到了！对类似的 Telerik 解决方案进行了一些研究和调整。

我写了这个：

  1. 我声明了一个选择一个类的变量。
  2. 然后我在对象中搜索所有锚点。锚
  3. 之后，如果锚点不在当前页面上（不应该有点击事件，因为用户已经在页面上），我使用循环锚点。&& 如果锚点的 href 为 __doPostback。
    1. 如果步骤 (3.) 为真，它将属性 onclick 事件设置为确认。这一步包装了 __doPostback。

来源： http ://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-paging---pageindexchanged-event-issue.aspx

function preventPromptOnFooter() {

            var pagerCell = $('[class="rgPagerCell NumericPages"]')
            var anchors = $(pagerCell).find('a');
            for (var i = 0; i < anchors.length; i++) {
                if (anchors[i].className != "rgCurrentPage" && anchors[i].href.indexOf("javascript:__doPostBack") > -1) {
                    var clickScript = anchors[i].attributes["onclick"].value;
                    anchors[i].onclick = disableOnbeforeUnloadForFooter;
                }
            }



            function disableOnbeforeUnloadForFooter() {
                window.onbeforeunload = null;
            }
        }
于 2013-01-15T18:39:53.070 回答
0

你可以试试：

var pageLinks = document.querySelectorAll(".rgWrap.rgNumPart a");

它适用于 Chrome、Firefox 3.5+、ie8+、Opera 10 和 Safari 3.2+。如果您必须支持较旧的浏览器，您可以尝试通过类名获取父 div，然后使用 getElementsByTagName('A') 的组合。或者使用像jQuery这样的库来实现跨浏览器的高级 CSS 选择器。

于 2013-01-10T21:52:41.677 回答