module Examples
module MaterialInspector
module Step04
# Using Vue to bind data.
# Multiple callbacks from JS is safe.
def self.create_dialog
html_file = File.join(__dir__, 'html', 'step04.html') # Use external HTML
ถ้า ใน ruby เป็นตาม Module ต้องเรียกโดย
load '<ตำแหน่งfile>/step04.rb'
Examples::MaterialInspector::Step04::show_dialog
และ Html จะอยู่ ลึกลงไปอีกขั้น ของ <ruby file>/html/step04.html
เวลาแก้ ต้อง load ใหม่
การใช้ Jquery
ให้ใส่ หลัง <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
ก็จะใช้ได้เลย
ทดสอบ
$('#id1').text("okxyz")
การใช้ Jstree
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<script src="../vendor/vue.js"></script>
</head>
<div id='tree'></div>
.. script
$('#tree').jstree({ 'core' : {
'data' : [
{ "id" : "ajson1", "parent" : "#", "text" : "Simple root node" },
{ "id" : "ajson2", "parent" : "#", "text" : "Root node 2" },
{ "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" },
{ "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" },
]
} });
