Чтение <input type = "file"> в qooxdoo - PullRequest
Новая
       1

Чтение <input type = "file"> в qooxdoo

1 голос
/ 10 октября 2011

Этот код (ссылка на игровую площадку: http://tinyurl.com/6ed9dyv)

var label = new qx.ui.basic.Label('<input type="file" id="files" name="files[]"/>').set({width: 250, rich:true, wrap:true});

var doc = this.getRoot();
doc.setLayout(new qx.ui.layout.VBox(10));

doc.add(label);

var button1 = new qx.ui.form.Button("Test");
doc.add(button1);

button1.addListener("execute", function(e) {
  var obj = document.getElementById('files');
  if (obj)
    alert(obj.files.length);
});

не работает для меня. Obj.files всегда не определен. Странно, он работает в приложении с несколькими вкладками, когда я переключаюсь надругая вкладка, а затем вернуться к той, которая содержит этот код.

1 Ответ

2 голосов
/ 11 октября 2011

Я думаю, проблема в том, что вы добавляете HTML-код так, как это не думается.Я думаю, что очередь qx делает некоторые вещи, которые не работают, как показывает ваш пример.Я сделал небольшой пример, чтобы показать, как это можно сделать с помощью собственного виджета: 

qx.Class.define("my.Upload",
{
  extend : qx.ui.core.Widget,

  members :
  {
    _createContentElement : function()
    {
      return new qx.html.Element(
        "input",
        {
          overflowX: "hidden",
          overflowY: "hidden"
        },
        {
          type: "file"
        }
      );
    }, 

    getFiles : function() {
      return this.getContentElement().getDomElement().files;
    }
  }
});

var upload = new my.Upload();

var doc = this.getRoot();
doc.setLayout(new qx.ui.layout.VBox(10));

doc.add(upload);

var button1 = new qx.ui.form.Button("Test");
doc.add(button1);

button1.addListener("execute", function(e) {
  alert(upload.getFiles().length);
});

Вот ссылка на пример работающей площадки: http://tinyurl.com/6xwxfq8

...