1
A
回答
3
以John Resig的JavaScript Micro-Templating開頭。
2
有些人喜歡它,有些恨它,但你可以在你的基礎的應用程序包中創建一個字符串形式的HTML模板(例如,包括在主要頁面的js文件。)
var fooTemplate = "<div class='%div_class_parent%'>"+
"<div class='%div_class_child%'/>"+
"</div>";
,那麼你只使用innerHTML方法將其加載到現有的DOM節點中。
document.getElementById('someNode').innerHTML = parseFooTemplate();
其中parseFooTemplate返回fooTemplate與正確的數據替換了%%元素從JSON返回。
這只是許多方法之一。 dojo工具包有自己的方式,在小部件的幕後可以有一個HTML模板。這裏列舉的方法太多了。
1
要生成基於JSON的HTML,您將需要一些模板引擎的JavaScript
我會推薦Zparse模板引擎http://code.riiv.net/zparse/它真的很棒 - 我使用它很多。
最好的部分 - 您可以通過聲明自己的標籤來輕鬆擴展它。
相關問題
- 1. HOpenGL - OpenGL窗口保持最小化
- 2. 結果查看器保持最小化
- 3. 使用repectors值最小化數組Javascript
- 4. 禁用最小化按鈕,但保持交叉和最大化按鈕 - WPF,C#
- 5. 使用javascript最小化和最大化文本
- 6. 使用Javascript最大化/最小化檢測瀏覽器窗口
- 7. 禁用在VB6中調整窗體大小同時保持「最小化」控制
- 8. Matlab優化 - 使用遺傳算法最小化目標函數
- 9. 最小化保持連接性的圖形
- 10. GLPK/GMPL:最小化的目標函數,但保持> 0
- 11. 如何在瀏覽器中使用javascript禁用最小化最大化按鈕?
- 12. html - chrome - 保持列寬度最小值
- 13. 使用javascript傳輸文本
- 14. 保持調試輸出12小時?
- 15. WPF:即使明確設置WindowState,窗口也會保持最小化
- 16. 上傳.txt並保持格式化
- 17. 最大化/最小化時不保留Portlet狀態
- 18. 使用Compress()和連接結果最小化MySQL輸出?
- 19. 禁用窗口最大化/最小化
- 20. 最小化/最大化div
- 21. 最小化輸出結果的耗時
- 22. 如何切換iframe以最大化或最小化JavaScript?
- 23. 通過UDP傳輸數據最小化的最有效方法是什麼?
- 24. 窗口(彈出)在javascript中最小化
- 25. JavaScript setInterval()和最小化窗口
- 26. 力最小化IE眨眼的JavaScript
- 27. FTP傳送器保持保持狀態
- 28. 如何在最小化瀏覽器選項卡時保持文本仍然保持不變?
- 29. 保持小數點
- 30. 如何保持uikit.sticky保持在最前