1

このコード（遊び場へのリンク：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は常に未定義です。不思議なことに、別のタブに切り替えてからこのコードを含むタブに戻ると、複数のタブがあるアプリケーションで機能します。

4

1 に答える 1

2

問題は、考えられない方法で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

于 2011-10-11T11:09:10.350 に答える