Ultrawebgrid中利用JS将选择行移到第一条,下一条,上一条,最末条

来源：互联网发布：oracle sql优化面试题编辑：程序博客网时间：2024/05/21 17:31

先放四个Netadvanete For Asp.net 控件集中的四个webimagebutton,分别为"第一条","下一条","上一条","末一条"

HTML:

 <table border="0" cellpadding="0" cellspacing="0" style="width: 30%">
                                            <tr>
                                                <td align="center" style="width: 100px; height: 24px">
                                                    <igtxt:WebImageButton ID="BtnAdd" runat="server" AutoSubmit="False" Text="第一条" UseBrowserDefaults="False">
                                                        <RoundedCorners DisabledImageUrl="ig_butXP5wh.gif" FocusImageUrl="ig_butXP3wh.gif"
                                                            HoverImageUrl="ig_butXP2wh.gif" ImageUrl="ig_butXP1wh.gif" MaxHeight="80" MaxWidth="400"
                                                            PressedImageUrl="ig_butXP4wh.gif" RenderingType="FileImages" />
                                                        <ClientSideEvents Click="GoToFirst" />
                                                    </igtxt:WebImageButton>
                                                </td>
                                                <td align="center" style="width: 100px; height: 24px">
                                                    <igtxt:WebImageButton ID="WebImageButton1" runat="server" AutoSubmit="False" Text="下一条"
                                                        UseBrowserDefaults="False">
                                                        <RoundedCorners DisabledImageUrl="ig_butXP5wh.gif" FocusImageUrl="ig_butXP3wh.gif"
                                                            HoverImageUrl="ig_butXP2wh.gif" ImageUrl="ig_butXP1wh.gif" MaxHeight="80" MaxWidth="400"
                                                            PressedImageUrl="ig_butXP4wh.gif" RenderingType="FileImages" />
                                                        <ClientSideEvents Click="GoToNext" />
                                                    </igtxt:WebImageButton>
                                                </td>
                                                <td align="center" style="width: 100px; height: 24px">
                                                    <igtxt:WebImageButton ID="WebImageButton2" runat="server" AutoSubmit="False" Text="上一条"
                                                        UseBrowserDefaults="False">
                                                        <RoundedCorners DisabledImageUrl="ig_butXP5wh.gif" FocusImageUrl="ig_butXP3wh.gif"
                                                            HoverImageUrl="ig_butXP2wh.gif" ImageUrl="ig_butXP1wh.gif" MaxHeight="80" MaxWidth="400"
                                                            PressedImageUrl="ig_butXP4wh.gif" RenderingType="FileImages" />
                                                        <ClientSideEvents Click="GoToPrev" />
                                                    </igtxt:WebImageButton>
                                                </td>
                                                <td align="center" style="width: 100px; height: 24px">
                                                    <igtxt:WebImageButton ID="WebImageButton3" runat="server" AutoSubmit="False" Text="最末条"
                                                        UseBrowserDefaults="False">
                                                        <RoundedCorners DisabledImageUrl="ig_butXP5wh.gif" FocusImageUrl="ig_butXP3wh.gif"
                                                            HoverImageUrl="ig_butXP2wh.gif" ImageUrl="ig_butXP1wh.gif" MaxHeight="80" MaxWidth="400"
                                                            PressedImageUrl="ig_butXP4wh.gif" RenderingType="FileImages" />
                                                        <ClientSideEvents Click="GoToLast" />
                                                    </igtxt:WebImageButton>
                                                </td>
                                            </tr>
                                        </table>

JS:这里假设你的Ultrawebgrid叫Ultrawebgrid1

function GoToFirst(oButton, oEvent) //第一条
{
  var grid=igtbl_getGridById("<%= UltraWebGrid1.ClientID %>");
  var rw=grid.Rows.getRow(0);
  rw.setSelected(true);
  igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_"+rw));
}
function GoToNext(oButton, oEvent)  //下一条
{    
  var grid=igtbl_getGridById("<%= UltraWebGrid1.ClientID %>");
  for (var i=0;i<grid.Rows.length;++i)
  {
    var row=grid.Rows.getRow(i);
    if (row.getSelected())
    {
      var indexnext=row.getIndex()+1; //得到当前选中行的index
      if (indexnext<=grid.Rows.length-1)
      {
        var rwnext=grid.Rows.getRow(indexnext);
        rwnext.setSelected(true);
        igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_"+rwnext));
        break;
      }
    }
  }
}
function GoToPrev(oButton, oEvent)  //上一条
{
  var grid=igtbl_getGridById("<%= UltraWebGrid1.ClientID %>");
  for (var i=0;i<grid.Rows.length;++i)
  {
    var row=grid.Rows.getRow(i);
    if (row.getSelected())
    {
      var indexprev=row.getIndex()-1; //得到当前选中行的index
      if (indexprev>=0)
      {
        var rwprev=grid.Rows.getRow(indexprev);
        rwprev.setSelected(true);
        igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_"+rwprev));
        break;
      }
    }
  }
}
function GoToLast(oButton, oEvent) //最末条
{
  var grid=igtbl_getGridById("<%= UltraWebGrid1.ClientID %>");
  var table=grid.Bands[0].curTable;
  var rows=table.tBodies[0].rows;
  var rows_num=rows.length-1; 
  
  var rw=grid.Rows.getRow(rows_num);
  rw.setSelected(true);
  igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_"+rw));
}