stl:dynamic 动态显示

通过 stl:dynamic 标签在模板中实现动态显示功能

stl:dynamic 标签示例

示例一:显示当前栏目的内容数

  1. <stl:dynamic>
  2. <stl:count type="Contents"></stl:count>
  3. </stl:dynamic>

解析后的HTML代码:

  1. <span id="ajaxElement_1_284"></span>
  2. <script type="text/javascript" language="javascript">
  3. function stlDynamic_ajaxElement_1_284(pageNum)
  4. {
  5. var url = "/api/stl/actions/dynamic?" + StlClient.getQueryString();
  6. var data = {
  7. publishmentSystemId: 2,
  8. pageNodeId: 62,
  9. pageContentId: 112,
  10. pageTemplateId: 7,
  11. isPageRefresh: false,
  12. pageUrl: 'I7orJPlcj6PL3zN0slash0w71tal0add0NT0slash06SKINWBRc0slash0cazO0OMkWmUGgUhpOh55NGHd0slash00slash02M',
  13. ajaxDivId: 'ajaxElement_1_284',
  14. templateContent: '5JhcA0t7zmNZUoj4Nid0slash0VKlY5WvY0slash06s0add0Vm9jRRCychhQzKBfnMvznCgJqRcQO1XQKkU4VTVzZgRb1Caoof7yIpawggSDLL0slash0YtlIqFAuPUmtYtchrrqQeYIiN2evsSDMD'
  15. };
  16. if (pageNum && pageNum > 0)
  17. {
  18. data.pageNum = pageNum;
  19. }
  20.  
  21. stlClient.post(url, data, function (err, data, status) {
  22. if (!err) document.getElementById("ajaxElement_1_284").innerHTML = data.html;
  23. });
  24. }
  25. stlDynamic_ajaxElement_1_284(0);
  26. </script>
  27.  

示例二:显示栏目"新闻"的内容列表

下面例子在页面中显示"新闻"栏目的前10篇内容列表。

  1. <stl:dynamic>
  2. <stl:contents channelIndex="新闻" totalNum="10">
  3. <stl:a target="_blank"></stl:a> <br />
  4. </stl:contents>
  5. </stl:dynamic>

解析后的HTML代码:

  1. <span id="ajaxElement_2_682"></span>
  2. <script type="text/javascript" language="javascript">
  3. function stlDynamic_ajaxElement_2_682(pageNum)
  4. {
  5. var url = "/api/stl/actions/dynamic?" + StlClient.getQueryString();
  6. var data = {
  7. publishmentSystemId: 2,
  8. pageNodeId: 62,
  9. pageContentId: 112,
  10. pageTemplateId: 7,
  11. isPageRefresh: false,
  12. pageUrl: 'I7orJPlcj6PL3zN0slash0w71tal0add0NT0slash06SKINWBRc0slash0cazO0OMkWmUGgUhpOh55NGHd0slash00slash02M',
  13. ajaxDivId: 'ajaxElement_2_682',
  14. templateContent: '3HHp1DiJWbFloHgoDSRmtLT0add0D8lDDC5CbJ4wu7bWakJc1zSs60add0qRXiMuV2Hnr1PmUZeCIuX690slash0BUujETclTaZweNZOk60slash0zOPM19CuSR3Lm0slash0buPfO32uJHKv5YMheeVSivPFdInPW0slash0cM26KoMG9XbZjjnJEa8GJGmKXZD81dWS0add0B4Zi3gU8ZRYUya23TSAolM89vvv50slash06pchdVdjzAK1mPuvR0add0uIF4RrZ7y2sYo9Hygy2t6qBKGm0DNVEuq4W3SkhkGVAiCnlPPUxxiTi3aPxxfwSo0BEBZER'
  15. };
  16. if (pageNum && pageNum > 0)
  17. {
  18. data.pageNum = pageNum;
  19. }
  20.  
  21. stlClient.post(url, data, function (err, data, status) {
  22. if (!err) document.getElementById("ajaxElement_2_682").innerHTML = data.html;
  23. });
  24. }
  25. stlDynamic_ajaxElement_2_682(0);
  26. </script>
  27.