0

私は煎茶にとても慣れていません、そしておそらくあなたが必要とするすべてがどのようにあるかを知りません。ajaxを使用してHTMLページのコンテンツを抽出しようとしています。たとえば、id="content"のdiv内のテキスト。

抽出したこのコンテンツをパネルや容器煎茶に入れたいです。

これは私が持っている見解です：

Ext.define("myapp.view.Main", {
   extend: 'Ext.tab.Panel',

   requires: ['Ext.TitleBar'],

   config: {
       tabBarPosition: 'bottom',

       items: [
          {
            title: 'Welcome',
            iconCls: 'home',

            styleHtmlContent: true,
            scrollable: true,

            html: FUNCTION_TO_GET_CONTENT   .join("")
         }
      ]
   }
});

HTMLページのコンテンツをパネルに表示する方法があるかどうか知りたいのですが、方法がわかりません。誰かが私がこれを理解するのを手伝ってくれますか、そして私がこれに最もよく対処する方法はありますか？

アップデート：

基本的に私がやりたいのは、このJQueryステートメントの結果を複製することです。

 $("#mylocaldiv").load("sourcePage.html #mainDiv");

次に、結果をタブパネルのhtmlプロパティに追加します。

4

3 に答える 3

3

まず、ビューにエイリアスを追加します（前にエイリアスがあることを確認してください）widget.

Ext.define("myapp.view.Main", {
    extend: 'Ext.tab.Panel',
    alias: 'widget.Main',
    ...
});

次に、次のいずれかを実行してビューを取得します。

myView = Ext.Viewport.down('Main');

また 

myView = Ext.ComponentQuery.query('Main');

これで、次のようにアイテムにアクセスできます。

myView.items.items

また、パネルが唯一のアイテムであるため、アイテムはゼロになります。次に、そのsetHtmlメソッドを使用してhtmlを追加できます。

myView.items.items[0].setHtml('your html here');

パネルにhtmlファイルをロードするという点では、SenchaはExt.dom.Element.load（）を削除したと思います。単純なAjaxリクエストを使用して、成功コールバックのパネルに結果を追加します。ここを参照してください：HTMLファイルをパネルにロードします

于 2012-07-20T13:42:20.513 に答える
1

sencha は大規模なアプリケーションを構築するのに適したツールではないため、別のものを選択することをお勧めします。私はそれを試してみましたが、それは私の時間を無駄にし、まったく役に立ちません.Windowsパネルや、cssを使用しない画像を使用して開発されたその他の多くのものです。それを使用して大規模なアプリを構築すると、アプリのパフォーマンスが低下する可能性があります。

于 2012-07-17T04:42:53.437 に答える
0

このビデオをご覧ください。

それはあなたの質問に役立ち、Sencha Touch をより深く理解するのに役立ちます。

于 2012-07-17T03:08:54.417 に答える