ページはjsの解決策を実行していないEasyUIウィンドウ、パネル、ダイアログロード

この記事では、を参照
https://blog.csdn.net/ZQLCXY/article/details/84807105
https://blog.csdn.net/xtom/article/details/8962229
https://www.cnblogs.com/liangjiang/p/ 4537756.html

著者上記のおかげで

最近、再利用可能な表示ページは、テーブルタグの内容をロードするためのウィンドウで見つけることができ、複数の場所で引用したいと思いますが、ページは文が窓から、それだけで情報を見つけるのに長い時間のためにJQロードされません。書きましたhrefのコードフラグメントのうちの参照、含めることはできません,,とラベルを持っていなければならない他のラベル、その他はさらにそれを研究し、引用文献のページのjs CSSスタイルを注意してメインページに矛盾があることができない、ページが存在することになります混乱。

貼り付けブログの内容は、
jsの内部インターフェイスが実行されないとき、タブインターフェイスを搭載した、グループ内の反応多くの人々でした。今日ゴッドソンで理由を説明します。

窓、dailogまたはタブとその本質は、最終的にパネルを継承しているかどうか。パネルコンテンツを表示するには、2つの方法があります。最初は直接書き出さハードコーディングされています。第二は、href属性、外部の負荷HTMLフラグメントを介して行われます。ここではHTMLフラグメントのデザインコンセプトでで。この概念easyui全体的なアーキテクチャは、多くの人が理解していなかったので、非常に重要な概念ですので、多くの問題を引き起こしています。私はHTMLの断片を説明するために例を挙げてみましょう。

我々は、すべての標準的なHTML構造がある知っています:

<html>
<head>
    <title>这是完整的html结构</title>
    <script></script>
</head>
<body>
<div>内容</div>
</body>
</html>

一般的に、我々は、このhtmlコードは、このような構造に従うべきで書きます。HTMLセグメントは、上記構成のいわゆる完全なコンテンツ部分です。

コンテンツ
我々はb.html HTMLフラグメントとして保存するためのファイルを作成しますが、このb.htmlに我々は唯一の内容を記述する必要があるが、内部のHTMLの標準構造を記述する必要はありません。

HTMLフラグメントの概念をよく理解し、それはHTMLフラグメントの多くが出てくるプロセスを使用して、私のeasyuiです。

実際には、あなたがHTMLの構造を完了しますインデックス・インタフェースに加えて、その後、easyui組み込みインラインフレームを使用していない、他のすべてのインターフェイスは、HTMLフラグメントの形態です。そのタブで、最初のインターフェイス上のタブを定義します

<html>
<head>
<title>tab测试界面</title>
</head>
<body>
<div class="easyui-tabs" fit="true" plain="true" style="height:100px;width:300px;">
    <div title="Title1" style="padding:10px;" href="tabs_href_test.html"></div>
    <div title="Title2" style="padding:10px;">Content 2</div>
    <div title="Title3" style="padding:10px;">Content 3</div>
</div>
</body>
</html>

私は変更がタブの内容を表示するには、HTMLフラグメントをロードするために外部からここにあることを示すために、href属性を使用してタブを定義するに断片=「タイトル1」上のタイトルを参照してください。ここtabs_href_test.htmlの私の定義の内容は、

<script type="text/javascript" src="test.js"></script>
<script>alert("我是外部加载的html片段");</script>
<div><p>我是外部加载的html片段</p></div>

test.jsコンテンツ:

警告(「私はjsファイルをインポートするための外部インターフェースだ」);
これは確かに多くの人々になります私が書くことを私に言ったが、私はjsファイルを実行しませんでした。実際には、私は人々の問題を解決するために私には、クラスをたくさん見てきた、コードを見るために私を送りました。外部インタフェースは、このような完全な構造になるように、その導入をtabs_href_test.htmlされた場合

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tabs - jQuery EasyUI Demo</title>
  <script type="text/javascript" src="test.js"></script>
  <script>alert("我是外部加载的html片段");</script>
</head>
<body>
  <div><p>我是外部加载的html片段</p></div>
</body>
</html>

実行されないのはなぜ彼らは、JSを求めるだろう。実際には、ここでの問題は、実際にターゲット領域に追記してくるAJAXリクエストによる究極のインターフェースtabs_href_test.htmlのJQ内容です。AJAXリクエストメソッドresponseTextのHTMLコンテンツの完全性を通じてのみ、セグメント内で逮捕しました。彼らはJSを置く直前にJSが生じ体外に書いて実行されませんでした。正しい言葉遣いは3つのタブが間インタフェースの導入には表示されませんです。それは断片のみ、あなただけ動的にページ全体ではありません表示されるメイン画面の部分に埋め込まれたためにロードフラグメントであるので。

その上パネル、ウィンドウ、dailog、タブと:あなたのような外部インタフェースを、ロードされたアセンブリeasyuiが締結されなければならない場合。あなたのインターフェースはHTMLフラグメントの導入であることを確認してください。HTMLフラグメント正しい言葉遣いは再び3つのタブが表示されないように思い出しました。

<script type="text/javascript" src="test.js"></script>
<link ref="css"/>
<style>还可以写点样式</style>
<script>alert("我是外部加载的html片段");</script>
<div><p>我是外部加载的html片段</p></div>

おすすめ

転載: blog.csdn.net/weixin_43949065/article/details/93405809