i have a Silverlight web app which have a lot of functionalities created in data grid views (sorting, filtering, editing and much more)…
Now i decided to convert this app into something much perspective but i stuck on the decision about UI. I would like to use this technologies:
- PHP or Node.JS for API,
- Angular JS for client web APP
But i dont know what to use for UI with large tables and lot of dynamic filtering.
UI can looks like EXCEL UI (App created in Silverlight looks like Excel ).
Thanks for any advice..
It can certainly be done with Angular. The project I’m currently working on involves taking dozens of separate systems that manipulate millions of rows of data and modernize those into a web-based app. Angular has served us well for the front-end. We used the combination of Angular and Kendo for controls. The Kendo grid control has all of the features you’d expect for a rich UI, and is also highly extensible and can be customized. We’ve implemented anything from cells that can be edited in place to hierarchical tree structures and more.
In the case of extremely large UI, you will likely use a combination of server-side page fetching and client side indexing. For example, we have one table that may have a quarter million rows. Obviously this would be a lot to hold in memory, so we just bring back indexes. That allows us to lay out the structure of the grid and then page in data as the user traverses it.
Our company worked extensively with Silverlight over the years so as the web moved away from plug-ins we’ve had many projects that involve migrating to the web stack. I’d recommend you read our free white paper about Silverlight migration – it is a straight download and doesn’t require any registration to access it but covers various pathways from Silverlight to more modern stacks: http://www.wintellect.com/silverlight-update-xaml-html5
I prefer AngularJS will make things easy for you.
AngularJS is SPA framework with MVC architecture which has lots of magical power like two way binding, routing, testing, injection
Angular-xeditable which is another bundle of
AngularJS directives that allows you to create editable elements in such a way that it makes things easier for editing as well as other UI form content manipulation. It is based on ideas of xeditable but was written from scratch to use power of angular and support complex forms / editable grids. Hope you will find it useful.
- No need to write any static FORM UI markup
- fast development, no special FORM markup
- less number of screens in your application
- easy adding / removing fields
- simple backend script for data update
- more convenient on small forms
- works in IE7+ and all modern browsers
- keyboard support (escape/enter/tab)
- client-side and server-side validation
- customizible container placement
- popup and inline modes
- supported inputs: