SINGLEスタイルで複数のコンポーネントを使用する

説明

SINGLEスタイルでは、1つのページで複数のコンポーネントを同時に使用できます。

SINGLEスタイルは仮想ファイルをサポートせず、アップロードできるローカルファイルは1つだけです。

<!-- つのコンポーネントを保持するコンテナの定義 -->
<div id="dext5-container-a" style="width:500px; height:28px;"></div>
<div id="dext5-container-b" style="width:500px; height:28px;"></div>
<!-- 実際のアップロードを担当するコンポーネントを保持するコンテナの定義 -->
<!-- アップローダは、見えにくいように 1px のコンテナとして定義します。 -->
<div id="dext5-container-uploader" style="width:1px; height:1px;"></div>

コンポーネントを定義する。

// SINGLEスタイルにはボタンが組み込まれているため、ボタンを定義しません。
dx5.create({ style: "single", id: "dext5-a", parentId: "dext5-container-a" });
dx5.create({ style: "single", id: "dext5-b", parentId: "dext5-container-b" });
// アップロードコンポーネントは複数のファイルを同時にアップロードする必要があるため、SINGLEとして定義しないでください。
dx5.create({ id: "dext5-uploader", parentId: "dext5-container-uploader" });

例

ファイルアップロードA領域(ID: dext5-a)

ファイルアップロードB領域(ID: dext5-b)

アップロード