<?language javascript?>
冒頭に、このようなタグが追加されていますね。これは、<fx:script>で記述するコードがJavaScriptであることを指定するためのものです。「ってことは、他の言語も使えるの?」と思った人。もちろん、使えます。<fx:script>
<BorderPane>タグの中に、<fx:script>タグが用意されています。FXMLでは、Paneのタグがルートタグとして記述されますから、<fx:script>タグは必ずその中に組み込まれている必要があります。この<fx:script>タグ内には、ごく普通にJavaScriptのスクリプトが書かれます。<fx:script source="script.js" />
※リストが表示されない場合
AddBlockなどの広告ブロックツールがONになっているとリストなどが表示されない場合があります。これらのツールをOFFにしてみてください。
<?xml version="1.0" encoding="UTF-8"?> <?language javascript?> <?import java.lang.*?> <?import java.net.URL ?> <?import javafx.scene.text.*?> <?import javafx.scene.control.*?> <?import javafx.scene.layout.*?> <BorderPane xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml"> <fx:script> function doAction(event){ var str = field1.getText(); str = "あなたは「" + str + "」と書いた。"; label1.setText(str); } </fx:script> <stylesheets> <URL value="@app.css" /> </stylesheets> <top> <Label fx:id="label1" text="This is FXML!" /> </top> <center> <TextField fx:id="field1" /> </center> <bottom> <Button onAction="doAction(event);" text="Click" /> </bottom> </BorderPane>
<< 前へ | 次へ >> |