Advertisement
Guest User

Untitled

a guest
Jun 28th, 2016
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.63 KB | None | 0 0
  1. var ProduktRow = React.createClass({
  2. render:function(){
  3. return (
  4. <input type="text" value = {this.props.prod.artnr} />
  5. <input type="text" value = {this.props.prod.prz} />
  6. );
  7. }
  8. });
  9.  
  10. var ProduktTable = React.createClass({
  11. render:function(){
  12. var rows = [];
  13. this.props.produkt.forEach(
  14. function(prod){
  15. rows.push(<ProduktRow prod = {prod} key={prod.artnr} />);
  16. }.bind(this)
  17. );
  18. return({rows});
  19. }
  20. });
  21.  
  22. var PRODUKT = [
  23. {artnr: "123", prz:"hallo1"},
  24. {artnr: "456", prz:"hallo2"},
  25. {artnr: "789", prz:"hallo3"},
  26. ];
  27.  
  28. ReactDOM.render(
  29. <ProduktTable produkt={PRODUKT} />,
  30. document.getElementById('container')
  31. );
  32.  
  33. {% extends "header_footer.html" %}
  34. {% block title %}PRODUKT{% endblock %}
  35. {% block head %}
  36. {{ super() }}
  37. {% endblock %}
  38.  
  39. {% block content %}
  40. <div class = "container" id ="container"></div>
  41. <script src="{{url_for('static', filename='js/produkt.js') }}"></script>
  42. {% endblock %}
  43.  
  44. <!doctype html>
  45. <html>
  46.  
  47. <head>
  48. <meta charset="utf-8">
  49. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  50. <meta http-equiv="x-ua-compatible" content="ie=edge">
  51.  
  52. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  53. <link rel="stylesheet" href="{{ url_for('static', filename='css/header_footer.css') }}">
  54.  
  55. {% block head %}<title>{% block title %}{% endblock %}</title>{% endblock %}
  56.  
  57. <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script>
  58. <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script>
  59. <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-with-addons.js"></script>
  60. <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
  61.  
  62. <!-- jquery -->
  63. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
  64. <script> window.jQuery || document.write('<script src="{{url_for('static', filename='js/jquery-2.2.2.min.js') }}">x3C/script>') </script>
  65. <script type=text/javascript>
  66. $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
  67. </script>
  68. </head>
  69.  
  70. <body>
  71. <section>{% block content %}{% endblock %}</section>
  72. </body>
  73.  
  74. <!-- Bootstrap -->
  75. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
  76.  
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement