paging.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <div style="background-color: #FFF; overflow: hidden">
  2. <div title="基本" class="MWFTab">
  3. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  4. <tr>
  5. <td class="editTableTitle">标识:</td>
  6. <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
  7. </tr>
  8. <tr>
  9. <td class="editTableTitle">名称:</td>
  10. <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
  11. </tr>
  12. <tr>
  13. <td class="editTableTitle">描述:</td>
  14. <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
  15. </tr>
  16. </table>
  17. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  18. <tr>
  19. <td class="editTableTitleNoWidth">按钮样式:</td>
  20. <td class="editTableValue">
  21. <input class="editTableRadio" name="buttonStyle" text{($.buttonStyle==='round')?'checked':''} type="radio" value="round"/>圆角
  22. <input class="editTableRadio" name="buttonStyle" text{($.buttonStyle==='rect')?'checked':''} type="radio" value="rect"/>方角
  23. </td>
  24. </tr>
  25. <tr>
  26. <td class="editTableTitleNoWidth">显示数字分页:</td>
  27. <td class="editTableValue">
  28. <input class="editTableRadio" name="hasTruningBar" text{($.hasTruningBar!==false)?'checked':''} onclick="
  29. if (this.checked){
  30. $('text{$.id}visiblePagesTr').setStyle('display', 'table-row');
  31. $('text{$.id}hasBatchTuringTr').setStyle('display', 'table-row');
  32. }" type="radio" value="true"/>是
  33. <input class="editTableRadio" name="hasTruningBar" text{($.hasTruningBar===false)?'checked':''} onclick="
  34. if (this.checked){
  35. $('text{$.id}visiblePagesTr').setStyle('display', 'none');
  36. $('text{$.id}hasBatchTuringTr').setStyle('display', 'none');
  37. }" type="radio" value="false"/>否
  38. </td>
  39. </tr>
  40. <tr id="text{$.id}visiblePagesTr">
  41. <td class="editTableTitleNoWidth">数字显示个数:</td>
  42. <td class="editTableValue"><input type="number" name="visiblePages" value="text{$.visiblePages || 9}" onchange="
  43. $('text{$.id}visiblePagesText').set('text', this.value);
  44. " class="editTableInput"/></td>
  45. </tr>
  46. <tr id="text{$.id}hasBatchTuringTr">
  47. <td class="editTableTitleNoWidth">显示前后<span id="text{$.id}visiblePagesText">text{$.visiblePages || 9}</span>页:</td>
  48. <td class="editTableValue">
  49. <input class="editTableRadio" name="hasBatchTuring" text{($.hasBatchTuring!==false)?'checked':''} type="radio" value="true"/>是
  50. <input class="editTableRadio" name="hasBatchTuring" text{($.hasBatchTuring===false)?'checked':''} type="radio" value="false"/>否
  51. </td>
  52. </tr>
  53. <tr>
  54. <td class="editTableTitleNoWidth">显示首页末页:</td>
  55. <td class="editTableValue">
  56. <input class="editTableRadio" name="hasFirstLastPage" text{($.hasFirstLastPage!==false)?'checked':''} type="radio" value="true"/>是
  57. <input class="editTableRadio" name="hasFirstLastPage" text{($.hasFirstLastPage===false)?'checked':''} type="radio" value="false"/>否
  58. </td>
  59. </tr>
  60. <tr>
  61. <td class="editTableTitleNoWidth">显示上页下页:</td>
  62. <td class="editTableValue">
  63. <input class="editTableRadio" name="hasPreNextPage" text{($.hasPreNextPage!==false)?'checked':''} type="radio" value="true"/>是
  64. <input class="editTableRadio" name="hasPreNextPage" text{($.hasPreNextPage===false)?'checked':''} type="radio" value="false"/>否
  65. </td>
  66. </tr>
  67. <tr>
  68. <td class="editTableTitleNoWidth">显示跳页:</td>
  69. <td class="editTableValue">
  70. <input class="editTableRadio" name="hasPageJumper" text{($.hasPageJumper!==false)?'checked':''} type="radio" value="true"/>是
  71. <input class="editTableRadio" name="hasPageJumper" text{($.hasPageJumper===false)?'checked':''} type="radio" value="false"/>否
  72. </td>
  73. </tr>
  74. </table>
  75. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  76. <tr>
  77. <td class="editTableTitleNoWidth">第一页文本:</td>
  78. <td class="editTableValue">
  79. <input type="text" name="firstPageText" value="text{$.firstPageText}" class="editTableInput"/>
  80. </td>
  81. </tr>
  82. <tr>
  83. <td class="editTableTitleNoWidth">最后一页文本:</td>
  84. <td class="editTableValue">
  85. <input type="text" name="lastPageText" value="text{$.lastPageText}" class="editTableInput"/>
  86. </td>
  87. </tr>
  88. <tr>
  89. <td class="editTableTitleNoWidth">上一页文本:</td>
  90. <td class="editTableValue">
  91. <input type="text" name="prePageText" value="text{$.prePageText}" class="editTableInput"/>
  92. </td>
  93. </tr>
  94. <tr>
  95. <td class="editTableTitleNoWidth">下一页文本:</td>
  96. <td class="editTableValue">
  97. <input type="text" name="nextPageText" value="text{$.nextPageText}" class="editTableInput"/>
  98. </td>
  99. </tr>
  100. </table>
  101. </div>
  102. <div title="样式" class="MWFTab">
  103. <div class="MWFPagingStylesArea" name="pagingStyles"></div>
  104. </div>
  105. <div title="事件" class="MWFTab">
  106. <div class="MWFEventsArea" name="events"></div>
  107. </div>
  108. <!--<div title="HTML" class="MWFTab">-->
  109. <!--<div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>-->
  110. <!--</div>-->
  111. <div title="JSON" class="MWFTab">
  112. <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
  113. </div>
  114. </div>