0

ボタンのある sencha touch でコードを書き込もうとしましたが、それをクリックすると、新しいウィンドウでポップアップとして Web ページが開きます。

  1. Window.open() - このメソッドは電話では正常に動作しないため使用できません。ただし、これが新しいブラウザ ウィンドウを開く最も簡単な方法であることはわかっています。

  2. document.location.href=url - このメソッドは同じ
    ページで URL を開きますが、ポップアップとして新しいウィンドウで開きたいです。

ユーザーがボタンをクリックしたときに新しいウィンドウでページを開く他の方法はありますか?以下は私のコードです

Ext.application({
    name: 'Opening new page',

    launch: function() {
        Ext.create("Ext.tab.Panel", {
            fullscreen: false,
            items: [
                {
                    xtype: 'button',
                    text: 'click to open google',
                    ui: 'confirm',
                    handler: function() {
                        document.location.href=("http://www.google.com/");
                    }
                }
            ]
        });
    }
});
4

5 に答える 5

0

このコードを試してください：

handler: function() {
  var link = Ext.getDom('hidden_link');
  link.href = 'http://www.google.com'/;
  var clickevent = document.createEvent('Event');
  clickevent.initEvent('click', true, false);
  link.dispatchEvent(clickevent);
}
于 2012-06-15T04:01:32.293 に答える
0

@coding さん、Overlay はタイプ ポップアップです。これをハンドラ イベントで試してみてください。

var overlay = new Ext.Panel({
    floating : true,
    modal : true,
    centered : true,
    width : 500,
    height : 500,
    styleHtmlContent : true,
    html: '<div><iframe style="width:100%;height:100%;" src="http://www.sencha.com/products/touch">Your device does not support iframes.</iframe></div>',
}).show('pop', true)

そして、あなたの頭脳を使ってください、私はあなたの宿題をすることができません。これが役立つことを願っています。:)チャオここに画像の説明を入力

于 2012-06-15T14:28:54.927 に答える
0

Ext.js でそれを行う方法が正確にはわかりませんが、基本的には @bunlong-van と同じ方針で考えていました。新しいウィンドウを対象とするアンカー タグを作成し、ページに追加してクリックします。

これは、jQuery で行う方法です。

  $('button').bind('click',function(e){
      var $me = $(this);
      e.preventDefault();
      e.stopPropagation();
      $('<a />')
        .attr('href', $me.data('href'))
        .attr('target', '_blank')
        .css({display:'none'})
        .appendTo($('body'))
        .get(0).click();
  });

完全なサンプル: http://jsbin.com/adakur/edit

于 2012-06-15T04:23:50.890 に答える
-1

作業ページにポップアップ ウィンドウ (単純なウィンドウ) を作成し、その可視性を false にします。ボタンをクリックすると、可視性を true に変更し、フォーカスを与えます。また、そのポップアップで何でも開くことができます。窓..

または、このjQueryコードを使用できます

$(document).ready(function() { tb_show(title, "testpage.aspx?id=" + url + "&TB_iframe=true&width=700&height=600", null); });

これで、必要なパラメーターを渡すことができます。これは、新しいポップアップ ウィンドウとして開きます。

于 2012-06-15T04:45:59.240 に答える