Trace:
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
applications:external_editor [2018/02/20 11:24] admin |
applications:external_editor [2020/07/03 14:03] (current) cduncan Edited for English grammar (capitalization, punctuation, correct verb conjugation) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ~~NOTRANS~~ | ~~NOTRANS~~ | ||
| - | ~~Title: Binding an external editor~~ | + | ~~Title: Binding an External Editor~~ |
| - | The UIEditor is the standard component for binding editors to the data model. It works great for default data types like text, number, date or image. But sometimes it's better to use custom editors with advanced features, e.g. if your text contains source code, you could use a text editor with syntax highlighting or auto completion? | + | The [[:jvx:client:gui:bind_editors_model|UIEditor]] is the standard component for binding editors to the data model. It works great for default data types like text, number, date, or image. But sometimes it's better to use custom editors with advanced features, e.g., if your text contains source code, you could use a text editor with syntax highlighting or auto completion. |
| - | You have different options to solve this problem. The first one is to write your own cell editor based on the ICellEditor interface. This isn't hard but sometimes a lot of work and could be tricky. This solution is recommended if you need the cell editor for multiple UI implementations. If you want a quick and easy solution, simply use our wrapper component. Usually, it works without coding and is simple to integrate in your existing application. We used this solution in [[:visionx:home|VisionX]] for our [[https://blog.sibvisions.com/2018/02/20/visionx-css-styling-feature/|CSS editor]]. | + | You have different options to solve this problem. The first one is to write your own cell editor based on the ICellEditor interface. This isn't difficult but sometimes a lot of work and could be tricky. This solution is recommended if you need the cell editor for multiple UI implementations. If you want a quick and easy solution, simply use our wrapper component. Usually, it works without coding and is simple to integrate in your existing application. We used this solution in [[:visionx:home|VisionX]] for our [[https://blog.sibvisions.com/2018/02/20/visionx-css-styling-feature/|CSS editor]]. |
| The integration is super simple: | The integration is super simple: | ||
| Line 30: | Line 30: | ||
| </file> | </file> | ||
| - | You need a Scroll Pane as well: | + | You need a scroll pane as well: |
| <file java> | <file java> | ||