sample.js

   1 window.onload = function() {
   2   var body = document.getElementsByTagName('body')[0];
   3
   4   // カラム生成
   5   var memberId = GColumn();
   6   memberId.title = '社員番号';
   7   var familyName = GColumn();
   8   familyName.title = '姓';
   9   var firstName = GColumn();
  10   firstName.title = '名';
  11   var belonging = GColumn();
  12   belonging.title = '所属';
  13
  14   // テーブル作成
  15   var table = GTable();
  16   table.addColumn(memberId);
  17   table.addColumn(familyName);
  18   table.addColumn(firstName);
  19   table.addColumn(belonging);
  20
  21   // 社員番号
  22   var memberIdCaption = GLabel();
  23   memberIdCaption.setText('社員番号');
  24   var memberIdText = GText();
  25
  26   // 氏名（漢字）
  27   var nameCaption = GLabel();
  28   nameCaption.setText('氏名');
  29   // 姓
  30   var familyNameCaption = GLabel();
  31   familyNameCaption.setText('姓');
  32   // 名
  33   var firstNameCaption = GLabel();
  34   firstNameCaption.setText('名');
  35   // 漢字
  36   var familyNameText = GText();
  37   var firstNameText = GText();
  38   // 全角
  39   var zenCaption = GLabel();
  40   zenCaption.setText('全角');
  41   // カナ
  42   var kanaCaption = GLabel();
  43   kanaCaption.setText('カナ');
  44   var familyKanaText = GText();
  45   var firstKanaText = GText();
  46
  47   // 所属コード
  48   var belongingIdCaption = GLabel();
  49   belongingIdCaption.setText('所属コード');
  50   var belongingIdText = GText();
  51
  52   // ボタン追加
  53   var addButton = GButton();
  54   addButton.setText('追加');
  55   addButton.addClickListener(
  56     function (event) {
  57       table.addRow(
  58         [memberIdText.getText(),
  59          familyNameText.getText(),
  60          firstNameText.getText(),
  61          belongingIdText.getText()]
  62       );
  63     }
  64   );
  65
  66   // 氏名部分
  67   var nameLayout = GLayout(3, 3);
  68   nameLayout.setBorder(false);
  69   nameLayout.put(familyNameCaption, 0, 1);
  70   nameLayout.put(firstNameCaption, 0, 2);
  71   nameLayout.put(zenCaption, 1, 0);
  72   nameLayout.put(familyNameText, 1, 1);
  73   nameLayout.put(firstNameText, 1, 2);
  74   nameLayout.put(kanaCaption, 2, 0);
  75   nameLayout.put(familyKanaText, 2, 1);
  76   nameLayout.put(firstKanaText, 2, 2);
  77
  78
  79   // レイアウト
  80   var layout = GLayout(3, 2);
  81   layout.put(memberIdCaption, 0, 0);
  82   layout.put(memberIdText, 0, 1);
  83   layout.put(nameCaption, 1, 0);
  84   layout.put(nameLayout, 1, 1);
  85   layout.put(belongingIdCaption, 2, 0);
  86   layout.put(belongingIdText, 2, 1);
  87
  88   // 画面に登録
  89   body.appendChild(layout);
  90   body.appendChild(addButton);
  91   body.appendChild(table);
  92 }