DevExpress の ASPxUploadControl でのアップロードボタン位置設定

DevExpress の ASPxUploadControl でのアップロードボタン位置設定のサンプルです。

現状の画面デザインはこのようになっています。

＜アップロードボタン位置設定＞

「AddUploadButtonsHorizontalPosition=”Right”」を設定します。

【表示位置一覧】
・Left（左側：デフォルト）
・Right（右側）
・InputRightSide（右側）
・Center（中央）

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxUploadControl ID="ASPxUploadControl1" runat="server" UploadMode="Auto" 
        Width="400px" AddUploadButtonsHorizontalPosition="Right" 
        ShowProgressPanel="True" ShowUploadButton="True" Theme="RedWine">
        <BrowseButton Text="ファイル選択">
        </BrowseButton>
        <RemoveButton Text="取り消し">
        </RemoveButton>
        <UploadButton Text="申請">
        </UploadButton>
        <AdvancedModeSettings EnableFileList="True" EnableMultiSelect="True">
        </AdvancedModeSettings>
    </dx:ASPxUploadControl>
</div>
</form>

<div>

<dx:ASPxUploadControl ID="ASPxUploadControl1" runat="server" UploadMode="Auto"

Width="400px" AddUploadButtonsHorizontalPosition="Right"

ShowProgressPanel="True" ShowUploadButton="True" Theme="RedWine">

</BrowseButton>

</RemoveButton>

</UploadButton>

</AdvancedModeSettings>

</dx:ASPxUploadControl>

</div>

</form>

【サンプルプログラム（VB.Net）】

Private Sub ASPxUploadControl1_FileUploadComplete(sender As Object, e As DevExpress.Web.FileUploadCompleteEventArgs) Handles ASPxUploadControl1.FileUploadComplete
    '保存パス
    Dim mySavePath As String = "D:¥10_PG¥99_サンプル¥VB.net¥2010¥DevExpress¥ASPxUploadControl¥02_Data_Out"

    'アップロードファイル名取得
    Dim myUploadedFile As String = e.UploadedFile.FileName
    '保存ファイルパス取得
    Dim mySaveFilePath As String = IO.Path.Combine(mySavePath, myUploadedFile)

    'ファイル保存
    e.UploadedFile.SaveAs(mySaveFilePath)
End Sub

Private Sub ASPxUploadControl1_FileUploadComplete(sender As Object, e As DevExpress.Web.FileUploadCompleteEventArgs) Handles ASPxUploadControl1.FileUploadComplete

'保存パス

Dim mySavePath As String = "D:¥10_PG¥99_サンプル¥VB.net¥2010¥DevExpress¥ASPxUploadControl¥02_Data_Out"

'アップロードファイル名取得

Dim myUploadedFile As String = e.UploadedFile.FileName

'保存ファイルパス取得

Dim mySaveFilePath As String = IO.Path.Combine(mySavePath, myUploadedFile)

'ファイル保存

e.UploadedFile.SaveAs(mySaveFilePath)

End Sub

それでは、実行して動作確認を行います。

↓

※アップロードボタン位置を「左側」から「右側」に変更

無事にファイルアップロードのアップロードボタン位置の変更が出来ました。

＜Left（左側：デフォルト）＞

＜Right（右側）＞

＜InputRightSide（右側）＞

＜Center（中央）＞

関連記事はこちら:

DevExpress の ASPxUploadControl とは「ASPxUploadControl」はファイルをアップロードすることが可能です。「Microsoft Visual Studio」でも提供されていますが、アップロードボタンを自分で配置する必要があります。「ASP ......
DevExpress の ASPxUploadControl でのアップロード対象ファイル名（単数）取得（JavaScript） DevExpress の ASPxUploadControl でのアップロード対象ファイル名（単数）取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。今回はアップロード前にファイ ......
DevExpress の ASPxUploadControl での選択ファイルサイズのエラーメッセージ設定 DevExpress の ASPxUploadControl での選択ファイルサイズのエラーメッセージ設定のサンプルです。現状の画面デザインはこのようになっています。＜選択ファイルサイズのエラーメッセージ設定＞「M ......
DevExpress の ASPxUploadControl での選択ファイルサイズ設定 DevExpress の ASPxUploadControl での選択ファイルサイズ設定のサンプルです。現状の画面デザインはこのようになっています。選択ファイルサイズは無制限でアップロード可能です。今回はファイルサ ......
DevExpress の ASPxUploadControl でのドロップ範囲のテキスト内容設定 DevExpress の ASPxUploadControl でのドロップ範囲のテキスト内容設定のサンプルです。現状の画面デザインはこのようになっています。＜ドロップ範囲のテキスト内容設定＞「DropZoneTex ......
DevExpress の ASPxUploadControl でのドラッグ＆ドロップでのファイル選択設定 DevExpress の ASPxUploadControl でのドラッグ＆ドロップでのファイル選択設定のサンプルです。現状の画面デザインはこのようになっています。 ※ファイル選択のみ有効でドラッグ＆ドロップではファイ ......
DevExpress の ASPxUploadControl での幅設定 DevExpress の ASPxUploadControl での幅設定のサンプルです。現状の画面デザインはこのようになっています。＜複数ファイルアップロード設定＞「Width=”400px” ......
DevExpress の ASPxUploadControl での複数ファイルアップロード設定 DevExpress の ASPxUploadControl での複数ファイルアップロード設定のサンプルです。現状の画面デザインはこのようになっていて対象ファイルは1ファイルのみです。＜複数ファイルアップロード設定＞ ......
DevExpress の ASPxUploadControl でのデザイン（テーマ一覧） DevExpress の ASPxUploadControl でのデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はファイルアプロードのテーマ一覧を作成しました。 ......
DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得１（JavaScript） DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得（JavaScript）のサンプルです。現状の画面デザインはファイル複数選択になっています。今回はアップロード前 ......

投稿タグ: ASPxUploadControl

MENU

最近の投稿

人気記事