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

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

HTML:

1. <tableborder="0"cellpadding="0"cellspacing="0"style="width:30%">
2. <tr>
3. <tdalign="center"style="width:100px;height:24px">
4. <igtxt:WebImageButtonID="BtnAdd"runat="server"AutoSubmit="False"Text="第一条"UseBrowserDefaults="False">
5. <RoundedCornersDisabledImageUrl="ig_butXP5wh.gif"FocusImageUrl="ig_butXP3wh.gif"
6. HoverImageUrl="ig_butXP2wh.gif"ImageUrl="ig_butXP1wh.gif"MaxHeight="80"MaxWidth="400"
7. PressedImageUrl="ig_butXP4wh.gif"RenderingType="FileImages"/>
8. <ClientSideEventsClick="GoToFirst"/>
9. </igtxt:WebImageButton>
10. </td>
11. <tdalign="center"style="width:100px;height:24px">
12. <igtxt:WebImageButtonID="WebImageButton1"runat="server"AutoSubmit="False"Text="下一条"
13. UseBrowserDefaults="False">
14. <RoundedCornersDisabledImageUrl="ig_butXP5wh.gif"FocusImageUrl="ig_butXP3wh.gif"
15. HoverImageUrl="ig_butXP2wh.gif"ImageUrl="ig_butXP1wh.gif"MaxHeight="80"MaxWidth="400"
16. PressedImageUrl="ig_butXP4wh.gif"RenderingType="FileImages"/>
17. <ClientSideEventsClick="GoToNext"/>
18. </igtxt:WebImageButton>
19. </td>
20. <tdalign="center"style="width:100px;height:24px">
21. <igtxt:WebImageButtonID="WebImageButton2"runat="server"AutoSubmit="False"Text="上一条"
22. UseBrowserDefaults="False">
23. <RoundedCornersDisabledImageUrl="ig_butXP5wh.gif"FocusImageUrl="ig_butXP3wh.gif"
24. HoverImageUrl="ig_butXP2wh.gif"ImageUrl="ig_butXP1wh.gif"MaxHeight="80"MaxWidth="400"
25. PressedImageUrl="ig_butXP4wh.gif"RenderingType="FileImages"/>
26. <ClientSideEventsClick="GoToPrev"/>
27. </igtxt:WebImageButton>
28. </td>
29. <tdalign="center"style="width:100px;height:24px">
30. <igtxt:WebImageButtonID="WebImageButton3"runat="server"AutoSubmit="False"Text="最末条"
31. UseBrowserDefaults="False">
32. <RoundedCornersDisabledImageUrl="ig_butXP5wh.gif"FocusImageUrl="ig_butXP3wh.gif"
33. HoverImageUrl="ig_butXP2wh.gif"ImageUrl="ig_butXP1wh.gif"MaxHeight="80"MaxWidth="400"
34. PressedImageUrl="ig_butXP4wh.gif"RenderingType="FileImages"/>
35. <ClientSideEventsClick="GoToLast"/>
36. </igtxt:WebImageButton>
37. </td>
38. </tr>
39. </table>

JS:这里假设你的Ultrawebgrid叫Ultrawebgrid1

1. functionGoToFirst(oButton,oEvent)//第一条
2. {
3. vargrid=igtbl_getGridById("<%=UltraWebGrid1.ClientID%>");
4. varrw=grid.Rows.getRow(0);
5. rw.setSelected(true);
6. igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_"+rw));
7. }
8. functionGoToNext(oButton,oEvent)//下一条
9. {
10. vargrid=igtbl_getGridById("<%=UltraWebGrid1.ClientID%>");
11. for(vari=0;i<grid.Rows.length;++i)
12. {
13. varrow=grid.Rows.getRow(i);
14. if(row.getSelected())
15. {
16. varindexnext=row.getIndex()+1;//得到当前选中行的index
17. if(indexnext<=grid.Rows.length-1)
18. {
19. varrwnext=grid.Rows.getRow(indexnext);
20. rwnext.setSelected(true);
21. igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_"+rwnext));
22. break;
23. }
24. }
25. }
26. }
27. functionGoToPrev(oButton,oEvent)//上一条
28. {
29. vargrid=igtbl_getGridById("<%=UltraWebGrid1.ClientID%>");
30. for(vari=0;i<grid.Rows.length;++i)
31. {
32. varrow=grid.Rows.getRow(i);
33. if(row.getSelected())
34. {
35. varindexprev=row.getIndex()-1;//得到当前选中行的index
36. if(indexprev>=0)
37. {
38. varrwprev=grid.Rows.getRow(indexprev);
39. rwprev.setSelected(true);
40. igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_"+rwprev));
41. break;
42. }
43. }
44. }
45. }
46. functionGoToLast(oButton,oEvent)//最末条
47. {
48. vargrid=igtbl_getGridById("<%=UltraWebGrid1.ClientID%>");
49. vartable=grid.Bands[0].curTable;
50. varrows=table.tBodies[0].rows;
51. varrows_num=rows.length-1;
53. varrw=grid.Rows.getRow(rows_num);
54. rw.setSelected(true);
55. igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_"+rw));
56. }