Skip to content

Conversation

artem-kurchenko
Copy link
Contributor

No description provided.

- Convert var to const/let for modern JavaScript
- Implement cascading DropDownBoxes functionality
- Add State and City dropdown filtering
- Modernize function syntax and arrow functions
- Add comprehensive data with states and cities
- Maintain same functionality as original with modern patterns
…atterns

- Enhanced app.component.ts with proper DxDataGridTypes typing
- Added DxDataGridTypes.Column type for setStateValue method
- Implemented proper DevExtreme Angular imports and type-only imports
- Added app.service.ts with Employee, State, City interfaces
- Added app.types.ts for EditCellInfo and CityDropDownInfo interfaces
- Fixed all ESLint and TypeScript compilation issues
- Updated app.module.ts with required DevExtreme Angular modules
- Maintained cascading dropdown functionality with modern typing
- Removed all orig_ files as per migration guidelines
… fixes

- Migrated from Options API to Vue 3 Composition API with <script setup lang="ts">
- Restructured App.vue to standard Vite template with RouterView
- Moved DataGrid implementation to HomeContent.vue component
- Created TypeScript data.ts with Employee, State, City interfaces
- Fixed critical cascading dropdown issues:
  * Added onInitNewRow handler to initialize StateID/CityID arrays
  * Fixed undefined value handling in dropdown components
  * Removed auto-updating watchers that caused premature dropdown closure
  * City dropdown now shows all cities when no state is selected
- Enhanced TypeScript implementation with DevExtreme Vue types:
  * Used DxDataGridTypes for proper event and template typing
  * Added proper DevExtreme Vue component references and imports
  * Used framework-specific imports from devextreme-vue packages
- Applied Vue 3 best practices:
  * Composition API with reactive refs and computed properties
  * Proper watch functions for prop synchronization
  * Type-safe component props and event handlers
- Fixed all ESLint issues and code formatting
- Maintained cascading dropdown functionality with Apply button pattern
- Removed all orig_ files as per migration guidelines
@DevExpressExampleBot
Copy link
Contributor

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

[BUILDING ERROR]
	OUTPUT: C:\Temp\54a5c4b2-0e8b-4233-8102-a1466968061c\tempTestingCS\ASP.NET Core\ASP.NET Core.csproj(8,5): warning MSB3073: The command "node --version" exited with code 9009.
C:\Temp\54a5c4b2-0e8b-4233-8102-a1466968061c\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-implement-cascading-dropdownboxes_25.1.3+/9/console

@DevExpressExampleBot
Copy link
Contributor

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

[BUILDING ERROR]
	OUTPUT: C:\Temp\a4029097-aa7b-46b1-94db-5d04aa975959\tempTestingCS\ASP.NET Core\ASP.NET Core.csproj(8,5): warning MSB3073: The command "node --version" exited with code 9009.
C:\Temp\a4029097-aa7b-46b1-94db-5d04aa975959\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-implement-cascading-dropdownboxes_25.1.3+/10/console

@artem-kurchenko artem-kurchenko merged commit 359b0a4 into 25.1.3+ Oct 1, 2025
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.

2 participants