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

先放四个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叫Ultrawebgrid1function 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));
}