What is the best UI for below features in Angular Js?
Basically UI should be able to display all parents with associated child collection Should be able to add new child and associate that to parent Should be able to ADD/EDIT/Delete both parent and child. Please suggest best UI for above features
Tagged:
2
Answers
-
You need to let us know, where you intend to use it. If it is for Eikon, you should be looking at the [EikonWebUI][1] project for a plethora of controls (link is for Beta) [1]:
https://amers1.views.cp.reutest.com/Apps/EikonWebUI0 -
You are not describing how you will be adding/editing either parent or child. If it's separate form, then any control that can do hierarchy will work. You can use bentoui tree, wijmo tree, or some other tree implementation. If you need to show detailed info or ability to edit inline, then you'll need a grid with grouping support, ngGrid, wijmo grid, bentoui datatable support that.1
-
If this is about the Angular, you control DOM with directives bound with a structured model. You can use ng-repeat to bind a list of data into a repetitive DOM node, and use ng-show/ng-hide to show or hidden the node you want. If you want to manipulate DOM in special way and you use Angular, you have to write yourself Angular directive. Hope this helps0
-
There are some components in the Front-End Framework (
https://thehub.thomsonreuters.com/groups/fef) that could be helpful to you. Here are links to the examples:
http://fef.int.thomson.com/#!/directives#tree-view
http://modern.centralux.int.thomsonreuters.com:8888/##doc-datatables0 -
If you are looking for tree like structure then you should look for angular tree control.
http://ngmodules.org/modules/angular-tree-control0
Categories
- All Categories
- 6 AHS
- 37 Alpha
- 161 App Studio
- 4 Block Chain
- 4 Bot Platform
- 16 Connected Risk APIs
- 47 Data Fusion
- 30 Data Model Discovery
- 608 Datastream
- 1.3K DSS
- 577 Eikon COM
- 4.9K Eikon Data APIs
- 7 Electronic Trading
- Generic FIX
- 7 Local Bank Node API
- Trading API
- 2.7K Elektron
- 1.3K EMA
- 236 ETA
- 519 WebSocket API
- 33 FX Venues
- 10 FX Market Data
- 1 FX Post Trade
- 1 FX Trading - Matching
- 12 FX Trading – RFQ Maker
- 5 Intelligent Tagging
- 2 Legal One
- 20 Messenger Bot
- 2 Messenger Side by Side
- 9 ONESOURCE
- 7 Indirect Tax
- 59 Open Calais
- 264 Open PermID
- 39 Entity Search
- 2 Org ID
- PAM
- PAM - Logging
- 8.4K Private Comments
- 6 Product Insight
- Project Tracking
- ProView
- ProView Internal
- 20 RDMS
- 1.4K Refinitiv Data Platform
- 367 Refinitiv Data Platform Libraries
- 3 Refinitiv Due Diligence
- LSEG Due Diligence Portal API
- 3 Refinitiv Due Dilligence Centre
- Rose's Space
- 1.1K Screening
- 18 Qual-ID API
- 13 Screening Deployed
- 23 Screening Online
- 10 World-Check Customer Risk Screener
- 990 World-Check One
- 44 World-Check One Zero Footprint
- 45 Side by Side Integration API
- Test Space
- 3 Thomson One Smart
- 1.2K TR Internal
- Global Hackathon 2015
- 2 Specialists Who Code
- 10 TR Knowledge Graph
- 150 Transactions
- 142 REDI API
- 1.7K TREP APIs
- 4 CAT
- 21 DACS Station
- 117 Open DACS
- 1.1K RFA
- 103 UPA
- 172 TREP Infrastructure
- 224 TRKD
- 886 TRTH
- 5 Velocity Analytics
- 5 Wealth Management Web Services
- 59 Workspace SDK
- 9 Element Framework
- 5 Grid
- 13 World-Check Data File
- Yield Book Analytics
- 46 中文论坛