создать флажок динамически, используя DOM JavaScript в XUL - PullRequest
Новая
       24

создать флажок динамически, используя DOM JavaScript в XUL

2 голосов
/ 22 августа 2011

Я хочу создать флажок динамически, используя DOM JavaScript в XUL для значений дерева: Эта функция используется для получения значений моего дерева XUL: 

function choose() {
  var tree = document.getElementById('myTodoListTree');
  for (var i = 0; i < tree.view.rowCount; i++) {
    if (tree.view.getCellValue(i, tree.columns.getColumnAt(0)) == 'true'){
      alert(
        tree.view.getCellText(i, tree.columns.getNamedColumn("name"))+"\n"+
        tree.view.getCellText(i, tree.columns.getNamedColumn("lastname"))+"\n"+
        tree.view.getCellText(i, tree.columns.getNamedColumn("gmail"))+"\n"+
        tree.view.getCellText(i, tree.columns.getNamedColumn("yahoo"))+"\n"+
        tree.view.getCellText(i, tree.columns.getNamedColumn("url"))+"\n"+
        tree.view.getCellText(i, tree.columns.getNamedColumn("facebook-id"))
      );
      var firstName= tree.view.getCellText(i, tree.columns.getNamedColumn("name"));
      var lastName= tree.view.getCellText(i, tree.columns.getNamedColumn("lastname"));
      var Gmail= tree.view.getCellText(i, tree.columns.getNamedColumn("gmail"));
      var Yahoo= tree.view.getCellText(i, tree.columns.getNamedColumn("yahoo"));
      var Facebook = tree.view.getCellText(i, tree.columns.getNamedColumn("url"));
      var FacebookId = tree.view.getCellText(i, tree.columns.getNamedColumn("facebook-id"));
    }
  }
  return arr;                   
}

Это mybox, и я хочу добавить динамически созданные флажки группы в этом окне:

1 Ответ

0 голосов
/ 23 августа 2011

Наконец, я научился динамически создавать элементы.

Вот решение: здесь я создал групповой блок, заголовок и флажок динамически. 

function choose()
{
alert('hi');
  var tree = document.getElementById('myTodoListTree');
  for (var i = 0; i < tree.view.rowCount; i++) {
   if (tree.view.getCellValue(i, tree.columns.getColumnAt(0)) == 'true'){

var empty = " ";
var contact = (tree.view.getCellText(i, tree.columns.getNamedColumn("name"))+ empty+
tree.view.getCellText(i, tree.columns.getNamedColumn("lastname"))+ empty+ "Contacts:");

var ggmail = tree.view.getCellText(i, tree.columns.getNamedColumn("gmail"));
var yyahoo = tree.view.getCellText(i, tree.columns.getNamedColumn("yahoo"));

  var existingEl  = document.getElementById('box');
  var capt   = document.createElement('groupbox');
  existingEl.appendChild(capt);
  var captionEl   = document.createElement('caption');
  capt.appendChild(captionEl);
  captionEl.setAttribute('label', contact );
  captionEl.setAttribute('style', 'color: blue;');


  var existing  = document.getElementById('box');
  var checkbox   = document.createElement('checkbox');
  capt.appendChild(checkbox);
  checkbox.setAttribute('label', ggmail );
  checkbox.setAttribute("checked", "false")
  checkbox.setAttribute('style', 'color: green;');

  var existing  = document.getElementById('box');
  var checkbox   = document.createElement('checkbox');
  capt.appendChild(checkbox);
  checkbox.setAttribute('label', yyahoo);
checkbox.setAttribute("checked", "false")
  checkbox.setAttribute('style', 'color: green;');

    }
  }
  return arr;

}
...