Skip to content

Conversation

@artem-kurchenko
Copy link
Contributor

No description provided.

AlisherAmonulloev and others added 12 commits September 25, 2025 10:03
…cript patterns

- Implement proper TypeScript typing with DataGridTypes and Employee interface
- Use modern React patterns: useCallback, memo, proper ref handling
- Add FileUploaderEditor and FileUploaderWithPreview components
- Add error handling and retry functionality
- Include proper CSS styling for uploaded images
- Remove old implementation files and use clean modern structure
- Add DevExtreme CSS import to main.tsx
…tion API

- Use Vue 3 Composition API with proper TypeScript typing
- Implement reactive refs with proper type annotations
- Create modular higher-order function for upload handler
- Add comprehensive error handling for file uploads
- Include proper styling with CSS Grid and flexbox
- Remove original implementation files for clean structure
- Add backend URL constants for configuration
- Implement proper template refs with type safety
…patterns

- Use modern ES6 arrow functions, const/let, and template literals
- Implement proper state management object for retry button visibility
- Add comprehensive JSDoc documentation for all functions
- Create modular template creation functions with proper error handling
- Add robust error handling for FileReader and upload processes
- Include responsive CSS styling with Flexbox layout
- Use semantic HTML structure with proper accessibility attributes
- Implement proper DOM manipulation with modern JavaScript methods
- Document successful migrations for React, Vue.js, and jQuery
- Highlight modern patterns implemented in each framework
- Detail framework-specific modernizations and benefits
- Document Angular build issues and suggested resolutions
- Provide clear next steps and development commands
- Include file structure overview and backend configuration
- Migrated to TypeScript with proper DevExtreme Angular types (DxDataGridTypes, DxFileUploaderTypes, DxButtonTypes)
- Updated app.component.ts with framework-specific event types
- Converted app.component.css to app.component.scss with kebab-case classes (.retry-button, .uploaded-image)
- Created app.service.ts for Employee data service
- Updated app.module.ts imports
- Added proper type safety with generics <Employee, number>
- Removed orig_ files
- Build and lint passing with 0 errors
…se CSS

- Migrated to Vue 3 Composition API with <script setup lang="ts">
- Updated to DevExtreme Vue types (DxDataGridTypes, DxFileUploaderTypes)
- Removed redundant text prop from DxButton, using slot content instead
- Updated CSS classes to kebab-case (.retry-button, .uploaded-image)
- Removed unused event parameters from handlers
- Added proper TypeScript typing for all event handlers
- Created constants.ts for backendURL
- Updated data.ts with Employee interface
- Build and lint passing with 0 errors
- Updated package-lock.json with latest dependencies
- Verified TypeScript migration with DevExtreme React types
- Build and lint passing (TypeScript 5.8.3 with ESLint compatibility warning)
- All functionality preserved with FileUploader in DataGrid edit form
- Modernized JavaScript syntax (var to let/const where appropriate)
- Updated CSS classes to kebab-case (.retry-button, .uploaded-image)
- Updated data.js with employee records
- Maintained jQuery compatibility while improving code quality
- Build and lint passing with Prettier formatting
- Migrated to strongly-typed DataGrid<Employee> with lambda expressions
- Replaced AddSimple with AddSimpleFor(m => m.Property)
- Replaced Add with AddFor(m => m.Property) for columns
- Created Employee.cs model (renamed from SampleOrder.cs)
- Updated SampleData.cs with 9 employees matching other frameworks
- Removed SampleDataController.cs (using static data)
- Created separate Razor partial views: _CellTemplate.cshtml, _EditCellTemplate.cshtml
- Consolidated CSS from jQuery to Site.css with kebab-case naming
- Removed inline styles from Index.cshtml
- Added Nuget.config for DevExpress feed
- Removed nested ASP.NET Core/ folder structure
- Removed orig_ files
- Build passing with 0 errors (only DX license warnings)
- Updated TargetFramework from netcoreapp3.1 to net9.0
- Migrated to minimal hosting model (Program.cs with WebApplicationBuilder)
- Removed Startup.cs (no longer needed in .NET 9)
- Enabled ImplicitUsings and nullable reference types
- Updated FileUploadController.cs with async/await patterns
- Created launchSettings.json for port 5020 configuration
- Simplified CORS, Swagger, and static files configuration
- Build passing with 0 errors
@DevExpressExampleBot
Copy link
Contributor

Please correct the project and update this pull request by pushing a new commit.

[BUILDING ERROR]
	OUTPUT: C:\Temp\a061e2f6-9e17-4a95-ae30-912e50ca86e2\tempTestingCS\ASP.NET Core\ASP.NET Core.csproj(8,5): warning MSB3073: The command "node --version" exited with code 9009.
C:\Temp\a061e2f6-9e17-4a95-ae30-912e50ca86e2\tempTestingCS\ASP.NET Core\ASP.NET Core.csproj(11,5): error : Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE.

https://codecentralfarm.devexpress.devx/job/devextreme-datagrid-use-fileuploader-in-the-edit-form_25.1.3+/9/console

@artem-kurchenko artem-kurchenko merged commit b867cde into 25.1.3+ Oct 14, 2025
7 of 8 checks passed
@artem-kurchenko artem-kurchenko deleted the fix-25.1.3-migration branch October 14, 2025 04:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants