paging.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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">{{$.lp.id}}:</td>
  6. <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
  7. </tr>
  8. <tr>
  9. <td class="editTableTitle">{{$.lp.name}}:</td>
  10. <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
  11. </tr>
  12. <tr>
  13. <td class="editTableTitle">{{$.lp.description}}:</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">{{$.lp.buttonStyles}}:</td>
  20. <td class="editTableValue">
  21. <input class="editTableRadio" name="buttonStyle" text{($.buttonStyle==='round')?'checked':''} type="radio" value="round"/>{{$.lp.round}}
  22. <input class="editTableRadio" name="buttonStyle" text{($.buttonStyle==='rect')?'checked':''} type="radio" value="rect"/>{{$.lp.rect}}
  23. </td>
  24. </tr>
  25. <tr>
  26. <td class="editTableTitleNoWidth">{{$.lp.showNumberPaging}}:</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"/>{{$.lp.yes}}
  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"/>{{$.lp.no}}
  38. </td>
  39. </tr>
  40. <tr id="text{$.id}visiblePagesTr">
  41. <td class="editTableTitleNoWidth">{{$.lp.numberShowCount}}:</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">{{$.lp.showBeforeAfter}}<span id="text{$.id}visiblePagesText">text{$.visiblePages || 9}</span>{{$.lp.page}}:</td>
  48. <td class="editTableValue">
  49. <input class="editTableRadio" name="hasBatchTuring" text{($.hasBatchTuring!==false)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
  50. <input class="editTableRadio" name="hasBatchTuring" text{($.hasBatchTuring===false)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
  51. </td>
  52. </tr>
  53. <tr>
  54. <td class="editTableTitleNoWidth">{{$.lp.hasFirstLastPage}}:</td>
  55. <td class="editTableValue">
  56. <input class="editTableRadio" name="hasFirstLastPage" text{($.hasFirstLastPage!==false)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
  57. <input class="editTableRadio" name="hasFirstLastPage" text{($.hasFirstLastPage===false)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
  58. </td>
  59. </tr>
  60. <tr>
  61. <td class="editTableTitleNoWidth">{{$.lp.hasPreNextPage}}:</td>
  62. <td class="editTableValue">
  63. <input class="editTableRadio" name="hasPreNextPage" text{($.hasPreNextPage!==false)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
  64. <input class="editTableRadio" name="hasPreNextPage" text{($.hasPreNextPage===false)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
  65. </td>
  66. </tr>
  67. <tr>
  68. <td class="editTableTitleNoWidth">{{$.lp.hasPageJumper}}:</td>
  69. <td class="editTableValue">
  70. <input class="editTableRadio" name="hasPageJumper" text{($.hasPageJumper!==false)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
  71. <input class="editTableRadio" name="hasPageJumper" text{($.hasPageJumper===false)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
  72. </td>
  73. </tr>
  74. </table>
  75. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  76. <tr>
  77. <td class="editTableTitleNoWidth">{{$.lp.firstPageText}}:</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">{{$.lp.lastPageText}}:</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">{{$.lp.prevPageText}}:</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">{{$.lp.nextPageText}}:</td>
  96. <td class="editTableValue">
  97. <input type="text" name="nextPageText" value="text{$.nextPageText}" class="editTableInput"/>
  98. </td>
  99. </tr>
  100. </table>
  101. <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">{{$.lp.desciption}}</div>
  102. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  103. <tr>
  104. <td class="editTableTitle">{{$.lp.show}}:</td>
  105. <td class="editTableValue">
  106. <input class="editTableRadio" name="showPagingInfor" text{($.showPagingInfor===true)?'checked':''} type="radio" value="true" onclick="
  107. if (this.checked){
  108. $('text{$.id}pagingInforDiv').setStyle('display', '');
  109. }" />{{$.lp.yes}}
  110. <input class="editTableRadio" name="showPagingInfor" text{($.showPagingInfor!==true)?'checked':''} type="radio" value="false" onclick="
  111. if (this.checked){
  112. $('text{$.id}pagingInforDiv').setStyle('display', 'none');
  113. }" />{{$.lp.no}}
  114. </td>
  115. </tr>
  116. </table>
  117. <div id="text{$.id}pagingInforDiv" style="display: text{($.showPagingInfor)?'':'none'};">
  118. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  119. <tr>
  120. <td class="editTableTitle">{{$.lp.position}}:</td>
  121. <td class="editTableValue">
  122. <input class="editTableRadio" name="pagingPosition" text{($.pagingPosition==='top')?'checked':''} type="radio" value="top"/>{{$.lp.top}}
  123. <input class="editTableRadio" name="pagingPosition" text{($.pagingPosition!=='top')?'checked':''} type="radio" value="bottom"/>{{$.lp.bottom}}
  124. </td>
  125. </tr>
  126. </table>
  127. <div class="MWFHtmlEditorArea" name="textStyle" title="{{$.lp.format}} (H)"></div>
  128. </div>
  129. </div>
  130. <div title="{{$.lp.style}}" class="MWFTab">
  131. <div class="MWFPagingStylesArea" name="pagingStyles"></div>
  132. </div>
  133. <div title="{{$.lp.event}}" class="MWFTab">
  134. <div class="MWFEventsArea" name="events"></div>
  135. </div>
  136. <!--<div title="HTML" class="MWFTab">-->
  137. <!--<div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>-->
  138. <!--</div>-->
  139. <div title="JSON" class="MWFTab">
  140. <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
  141. </div>
  142. </div>