Skip to content

add DataGrid semantic search demo#34098

Open
flagmanAndrew wants to merge 2 commits into
26_1from
26_1_grid-semantic-search-platforms
Open

add DataGrid semantic search demo#34098
flagmanAndrew wants to merge 2 commits into
26_1from
26_1_grid-semantic-search-platforms

Conversation

@flagmanAndrew

Copy link
Copy Markdown
Contributor

jquery, react, angular, vue implementations for the new demo

@flagmanAndrew flagmanAndrew self-assigned this Jun 22, 2026
Copilot AI review requested due to automatic review settings June 22, 2026 16:19
@flagmanAndrew flagmanAndrew requested a review from a team as a code owner June 22, 2026 16:19

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new DataGrid “Semantic Search” demo to the demos app, providing implementations for jQuery, React (TS), React (JS), Angular, and Vue that query a remote ASP.NET backend with semantic search parameters.

Changes:

  • Introduces new demo pages (HTML entrypoints + app code) for each framework approach under apps/demos/Demos/DataGrid/SemanticSearch/.
  • Implements a shared UX pattern across approaches: DataGrid with remote operations + virtual scrolling + search panel + “Similarity Factor” NumberBox in the toolbar.
  • Wires the demo to https://js.devexpress.com/Demos/NetCore/api/DataGridSemanticSearch via devextreme-aspnet-data-nojquery.

Reviewed changes

Copilot reviewed 16 out of 16 changed files in this pull request and generated 7 comments.

Show a summary per file
File Description
apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.ts Vue bootstrap (createApp + mount).
apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html Vue demo HTML host + SystemJS/TypeScript loader setup.
apps/demos/Demos/DataGrid/SemanticSearch/Vue/App.vue Vue DataGrid implementation + remote store params + toolbar NumberBox.
apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/styles.css React (JS) demo CSS helper for toolbar alignment.
apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/index.js React (JS) bootstrap (ReactDOM.render).
apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/index.html React (JS) demo HTML host + SystemJS loader.
apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/App.js React (JS) DataGrid implementation + remote store params.
apps/demos/Demos/DataGrid/SemanticSearch/React/styles.css React (TS) demo CSS helper for toolbar alignment.
apps/demos/Demos/DataGrid/SemanticSearch/React/index.tsx React (TS) bootstrap (ReactDOM.render).
apps/demos/Demos/DataGrid/SemanticSearch/React/index.html React (TS) demo HTML host + SystemJS loader.
apps/demos/Demos/DataGrid/SemanticSearch/React/App.tsx React (TS) DataGrid implementation + remote store params.
apps/demos/Demos/DataGrid/SemanticSearch/jQuery/index.js jQuery DataGrid implementation + remote store params.
apps/demos/Demos/DataGrid/SemanticSearch/jQuery/index.html jQuery demo HTML host.
apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html Angular demo HTML host + SystemJS loader.
apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.ts Angular standalone component + remote store params + event handling.
apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.html Angular DataGrid template + toolbar NumberBox + search handling.
Comments suppressed due to low confidence (1)

apps/demos/Demos/DataGrid/SemanticSearch/Vue/App.vue:96

  • Toolbar items use css-class="align-bottom", but there’s no CSS rule for .align-bottom.dx-toolbar-item in this Vue demo, so the alignment tweak won’t apply. Add the missing rule (same as the React variants).
</script>

Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Vue/App.vue
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/React/App.tsx Outdated
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/React/styles.css
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/styles.css
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/jQuery/index.html
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.ts Outdated
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.ts Outdated
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/React/App.tsx Outdated
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Vue/App.vue Outdated
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Vue/App.vue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants