https://github.com/coon-js/extjs-lib-comp
A collection of extended core view functionality to be used in Sencha ExtJS applications. Home of the Livegrid-plugin for dynamically adding/removing data from a Grid bound to a BufferedStore.
https://github.com/coon-js/extjs-lib-comp
bufferedstore components conjoon coon extjs grid sencha ui view
Last synced: 3 months ago
JSON representation
A collection of extended core view functionality to be used in Sencha ExtJS applications. Home of the Livegrid-plugin for dynamically adding/removing data from a Grid bound to a BufferedStore.
- Host: GitHub
- URL: https://github.com/coon-js/extjs-lib-comp
- Owner: coon-js
- License: mit
- Created: 2019-02-16T16:26:56.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2023-07-19T04:26:31.000Z (almost 2 years ago)
- Last Synced: 2025-02-12T11:16:23.197Z (3 months ago)
- Topics: bufferedstore, components, conjoon, coon, extjs, grid, sencha, ui, view
- Language: JavaScript
- Homepage:
- Size: 1.66 MB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# @coon-js/extjs-lib-comp  [](https://badge.fury.io/js/@coon-js%2Fextjs-lib-comp)
Common and extended view component implementations for rapid, modular Ext JS application building.
## Installation
```bash
$ npm i --save-dev @coon-js/extjs-lib-comp
```
If you want to develop with `extjs-lib-comp`, run the `build:dev`-script afterwards:
```bash
$ npm run build:dev
```
Testing environment will then be available via
```bash
$ npm test
```
For using the package as an external dependency in an application, use
```bash
$ npm i @coon-js/extjs-lib-comp
```
In your `app.json`, add this package as a requirement, and make sure your Ext JS `workspace.json`
is properly configured to look up local repositories in the `node_modules`-directory.
Example (`workspace.json`) :
```json
{
"packages": {
"dir": "${workspace.dir}/node_modules/@l8js,${workspace.dir}/node_modules/@conjoon,${workspace.dir}/node_modules/@coon-js,${workspace.dir}/packages/local,${workspace.dir}/packages,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name},${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-treegrid,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-base,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-ios,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-material,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-aria,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-neutral,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-classic,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-gray,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-crisp,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-crisp-touch,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-neptune,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-neptune-touch,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-triton,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-graphite,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-material,${workspace.dir}/node_modules/@sencha/ext-calendar,${workspace.dir}/node_modules/@sencha/ext-charts,${workspace.dir}/node_modules/@sencha/ext-d3,${workspace.dir}/node_modules/@sencha/ext-exporter,${workspace.dir}/node_modules/@sencha/ext-pivot,${workspace.dir}/node_modules/@sencha/ext-pivot-d3,${workspace.dir}/node_modules/@sencha/ext-ux,${workspace.dir}/node_modules/@sencha/ext-font-ios",
"extract": "${workspace.dir}/packages/remote"
}
}
```
## Post-Install
[@coon-js/extjs-link](https://npmjs.org/coon-js/extjs-link) will start once the package was installed and guide you
through the process of creating symlinks to an existing Ext JS sdk installation.
This is only required if you want to run the tests (`./tests`), as [Siesta](https//npmjs.org/siesta-lite) relies on
an existing Ext JS installation.
## Naming
The following naming conventions apply:
#### Namespace
`coon.comp.*`
#### Package name
`extjs-lib-comp`
#### Shorthand to be used with providing aliases
`cn_comp`
**Example:**
Class `coon.comp.component.Iframe` has the alias `widget.cn_comp-iframe`
## Tests
Tests are written with [Siesta](https://bryntum.com/siesta). Documentation can be found [here](./tests/README.md).