Pag.js 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. Namespace.register("U.Control.Pag"); //登录页面的命名空间
  2. //下一页
  3. U.Control.Pag.Next = function (btn) {
  4. }
  5. //上一页
  6. U.Control.Pag.Prev = function (btn) {
  7. }
  8. //最后一页
  9. U.Control.Pag.Last = function (btn) {
  10. }
  11. //第一页
  12. U.Control.Pag.Frit = function (btn) {
  13. }
  14. //跳转
  15. U.Control.Pag.Jump = function (btn) {
  16. }
  17. U.Control.Pag.II = function (U_C_PAG_data) {//动态创建分页控件
  18. if (!U_C_PAG_data) { U_C_PAG_data = 5; }
  19. var U_C_Pag_II_container = $$("div", { "class": "U_C_Pag_II_container" }, document.body); //创建分页控件的容器
  20. var U_C_Pag_II = $$("ul", { "class": "U_C_Pag_II", "id": "U_C_PAG_UL" }, U_C_Pag_II_container);
  21. $$("li", { "class": "U_C_Pag_II_prev_btn", "innerHTML": "<<", "id": "U_C_pag_prev_btn" }, U_C_Pag_II);
  22. for (var i = 1; i <= U_C_PAG_data; i++) {//用数组长度创建页码
  23. $$("li", { "innerHTML": i, "class": "U_C_one_page" }, U_C_Pag_II);
  24. }
  25. $$("li", { "class": "U_C_Pag_II_next_btn", "innerHTML": ">>" }, U_C_Pag_II);
  26. var jump_container = $$("div", { "class": "U_C_Pag_II_Slider" }, U_C_Pag_II_container); //创建跳转页码
  27. $$("div", { "class": "U_C_Pag_II_Slider_btn" }, jump_container); //创建跳转按钮
  28. return U_C_Pag_II_container;
  29. }
  30. U.Control.Pag.I = function (P) {
  31. if (!P) { P = 5; }
  32. var I = $$("div", { "id": "U_C_Pag_I", "style": { "margin": "50px"} }, $("body")[0]),
  33. I_L = $$("div", { "id": "U_C_Pag_I_List", "class": "U_C_Pag_I_List" }, I),
  34. I_L_U = $$("ul", { "id": "U_C_Pag_I_List_UL", "class": "U_C_Pag_I_List_UL" }, I_L),
  35. I_L_U_N = $$("div", { "id": "U_C_Pag_I_Next", "class": "U_C_Pag_I_Next", "onclick": [[U.Control.Pag.Next, ([this])]] }, I_L),
  36. I_L_U_L = $$("div", { "id": "U_C_Pag_I_Last", "class": "U_C_Pag_I_Last", "innerHTML": ">>", "onclick": [[U.Control.Pag.Last, ([this])]] }, I_L),
  37. I_L_F = $$("div", { "class": "U_C_Pag_I_Find" }, I),
  38. I_L_F_J = $$("div", { "id": "U_C_Pag_I_Jump", "class": "U_C_Pag_I_Jump", "onclick": [[U.Control.Pag.Jump, ([this])]] }, I_L_F),
  39. I_L_F_JInp = $$("input", { "id": "U_C_Pag_Jump_Inp", "class": "U_C_Pag_Jump_Inp", "contenteditable": "true" }, I_L_F);
  40. var i;
  41. for (i = 1; i <= P; i++) {
  42. $$("li", { "id": "Pag_" + i, "innerHTML": i, "onclick": "", "class": "U_C_Pag_I_List_UL_Li" }, I_L_U);
  43. }
  44. return I;
  45. }
  46. U.Control.Pag.I.create = function (P) {
  47. // alert("正在调整");
  48. // return;
  49. // pag = U.Control.Pag.I(P);
  50. // U.PG.PPage($("body")[0], 20, 1, 4, { "fun": [[function () { }, ([1])]], "page": [0] }, function () {
  51. // return { "pre": null, "next": $("#U_C_Pag_I_Next")[0], "frit": null, "last": $("#U_C_Pag_I_Last")[0], "input": [$("#U_C_Pag_Jump_Inp")[0], $("#U_C_Pag_I_Jump")[0]], "page": [$("#U_C_Pag_I_List_UL")[0], "U_C_Pag_I_List_UL_Li", "U_C_Pag_I_List_UL_DLi"] };
  52. // });
  53. //U.MD.DynamicLoad("http://d.1473.cn/controls/pc/Pag/Pag1.css", "link");
  54. var I = $$("div", { "id": "U_C_Pag_I", "style": { "margin": "50px"} }, null);
  55. var pag = U.PG.PPage(I, 20, P, 5,
  56. {
  57. "isp": 5,
  58. "fun": [[function (Page) {
  59. U.Control.Pag.I.create(Page);
  60. }, ([1])]],
  61. "page": [0]
  62. });
  63. return I;
  64. }
  65. U.Control.Pag.II.create = function (P) {
  66. alert("正在调整");
  67. return;
  68. pag = U.Control.Pag.II(10);
  69. //追加到那个元素下 一共有多少条数据 默认启始页位置 一页多少条数据 {"fun": 回调函数, 回调函数中第几个参数表示页数:} 返回函数 return {"pre": 上一页按钮的元素,"next":下一页,"frit": 首页,"last":尾页, "input":[输入框,跳转按钮],"page":[添加页数的位置,页数的样式名,当前页数的样式名]}
  70. U.PG.PPage($("body")[0], 20, 1, 4, { "fun": [[function () { }, ([1])]], "page": [0] }, function () {
  71. // return { "pre": $("#U_C_Pag_I_Pre")[0], "next": $("#U_C_Pag_I_Next")[0], "frit": $("#U_C_Pag_I_Frit")[0], "last": $("#U_C_Pag_I_Last")[0], "input": [$("#U_C_Pag_Jump_Inp")[0], $("#U_C_Pag_I_Jump")[0]], "page": $("#U_C_Pag_I_List_UL")[0] };
  72. return { "pre": null, "next": $("#U_C_pag_next_btn")[0], "frit": null, "last": null, "input": [$("#U_C_Pag_II_input")[0], $("#U_C_Pag_II_Slider_btn")[0]], "page": [$("#U_C_PAG_UL")[0], "U_C_one_page", "U_C_Pag_II_active"] };
  73. });
  74. return pag;
  75. }