Jan 27, 2016, 6:44 AM
[CLOSED] [#1248] [3.2.1] GridPanel WidgetColumn as MultiUpload component
Dears,
I would like to use
This is what I want to achieve:
- Each row in the grid panel will represent a type of document, which need to be uploaded.
- The user can upload the document by simply click on the widget column and selecting the file from the prompt windows.
When I try this, I'm getting the following error:
And here the test case:
Regards,
Alaswad
I would like to use
ext:MultiUpload
as ext:WidgetColum
in ext:GridPanel
. This is what I want to achieve:
- Each row in the grid panel will represent a type of document, which need to be uploaded.
- The user can upload the document by simply click on the widget column and selecting the file from the prompt windows.
When I try this, I'm getting the following error:
And here the test case:
<ext:Viewport runat="server" Layout="FitLayout">
<Items>
<ext:Panel
runat="server"
Title="Documents"
Icon="PageWhiteAcrobat"
Layout="FitLayout"
PaddingSpec="0 0 0 0"
BodyCls="my-carousel"
AutoScroll="true"
MarginSpec="0 0 0 0">
<Items>
<ext:GridPanel
runat="server"
ID="DocumentGV"
PaddingSpec="0 0 0 0"
MarginSpec="0 0 5 0"
ClientIDMode="Static"
Layout="FitLayout"
EmptyText="No documents found"
Title="Documents List"
Header="false"
Frame="false">
<Store>
<ext:Store runat="server">
<Model>
<ext:Model runat="server" >
<Fields>
<ext:ModelField Name="DOCUMENT_TYPE" />
<ext:ModelField Name="DISPLAY_SEQUENCE" />
<ext:ModelField Name="DOCUMENT_DESC_E" />
<ext:ModelField Name="DOCUMENT_DESC_A" />
<ext:ModelField Name="UPLOADED" />
<ext:ModelField Name="PATH" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:RowNumbererColumn Header="#" runat="server" Align="Center" />
<ext:Column runat="server" Align="Center" width="170" Text="Document Type" DataIndex="DOCUMENT_TYPE" >
<Filter>
<ext:StringFilter />
</Filter>
</ext:Column>
<ext:Column runat="server" Flex="2" Text="En Description" DataIndex="DOCUMENT_DESC_E" >
<Filter>
<ext:StringFilter />
</Filter>
</ext:Column>
<ext:Column runat="server" Flex="2" Text="Ar Description" DataIndex="DOCUMENT_DESC_A" >
<Filter>
<ext:StringFilter />
</Filter>
</ext:Column>
<ext:Column runat="server" width="120" Align="Center" Text="Collected" DataIndex="UPLOADED" >
<Filter>
<ext:ListFilter Options="Yes,No" />
</Filter>
</ext:Column>
<ext:WidgetColumn runat="server" Width="120" Text="Upload">
<Widget>
<ext:MultiUpload
ID="MultiUpload1"
runat="server"
OnFileUpload="MultiUpload_FileUpload"
AutoStartUpload="true"
FileDropAnywhere="true"
FileSizeLimit="15 MB"
FileTypes="*.*"
FileTypesDescription="All Files"
FileUploadLimit="100"
FileQueueLimit="0">
<Listeners>
<UploadError Fn="uploadError" />
<FileSelectionError Fn="fileSelectionError" />
</Listeners>
</ext:MultiUpload>
</Widget>
</ext:WidgetColumn>
</Columns>
</ColumnModel>
<Plugins>
<ext:GridFilters runat="server" />
</Plugins>
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
And behind code: Protected Sub MultiUpload_FileUpload(sender As Object, e As FileUploadEventArgs)
If e.HasFile = True Then
Dim file As HttpPostedFile = e.PostedFile
Dim fileName As String = file.FileName
Dim path As String = Server.MapPath("..\..\Uploads") & "\" & fileName
Try
file.SaveAs(path)
Catch ex As Exception
End Try
End If
End Sub
And JS functions: var uploadError = function (item, file, errorCode, message) {
alert("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
};
var fileSelectionError = function (item, file, errorCode, message) {
alert("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
};
If this approach is not applicable, kindly suggest the best way to achieve what I want.Regards,
Alaswad