Javascript Tablemodel Widget - javascript

I am looking for a JavaScript MVC table widget similar to Java Swing TableModel
I would also like to have two models, one totally local and one remote (XMLHttpRequest)
I would also like the view to accept text columns (and maybe HTML columns) and have these text columns HTML or CSS formatted depending the cell contents (just like you would be able in a Java Swing JTable)
Do you know of any implementation?

I guess you could make it up yourself using these components which all partially solve your problem
http://jamal-mvc.com/ -> lightweight MVC
Jamal is a set of conventions and
small javascript libraries to archieve
a complete separation of html, css and
javascript in your web application.
Jamal is built on jQuery and inspired
by MVC frameworks like Ruby on Rails,
CakePHP and its derivatives.
The MVC concept is easy to adopt for
javascript
Controller: Interaction with the user interface (events)
Model: Business Logic and AJAX calls
View: DOM, CSS modifications
ActiveRecord JS -> DB connector
ActiveRecord.js is a cross browser,
cross platform, stand-alone object
relational mapper. It shares a very
similar vocabulary to the Ruby
ActiveRecord implementation, but uses
JavaScript idioms and best practices
-- it is not a direct port. It can operate using an in memory hash table,
or with a SQL back end on the Jaxer
platform (SQLite and MySQL), Adobe's
AIR (SQLite) and Google Gears
(SQLite). Support for the HTML 5 SQL
storage spec is planned.
jQuery tablesorter Plugin -> display table data (maybe you need to check if it supports or can be made to easily support editable cells)

Related

.NET Core Web UI that best supports vanilla javascript with DOM manipulation

I have created a very interactive svg element with hundreds of individual components and many types of user interactions, right click menus, etc with vanilla javascript because it was so much faster than any framework.
It works great, the only problem is I now need to inject this into a website build with individual user logins, a database, a nice dashboard of past projects, etc. I need to have a button associated with the svg "save" the status and write to the database. I want to use ASP.NET for its friendliness with Microsoft products like Excel (I need to read user Excel uploads and parse Excel files).
My question is which ASP.NET core UI choice is going to allow me to build this full stack easiest, quickest, while injecting this svg with all of it's vanilla javascript functions.
I've watched youtube tutorials and read a lot of the microsoft docs on ASP.NET core and the UI choices. I don't think webassembly with Blazor would be the way to go because it's too reliant on C#, and may slow down my javascript calls if I have to go through the c# middleman. I really don't want to have to learn react or angular and do the SPA from the ground up, but if its what will maintain my quick vanilla javascript I'll forge ahead. I think MVC might be the quickest way to build a website up quickly, but I"m not sure it will support my vanilla js with dom manipulation of the svg.

Generating HTML5 Applications

When you are using .NET winforms for example, it is possible to generate a form or any other class on the fly. You can create classes in runtime via IL coding, or by letting compiler to generate code and load it into AppDomain and instantiate it and show it via ontheflyform.Show();
I know there are some templating libraries like JQuery Template, Kendo UI templates, Jade is more like what i search i guess but without on the fly generation.
Is there any feasible way to generate HTML5 aplications on the fly?
with requirements like
routing functionality, like http://domain.tld/customers/edit/1 or http://domain.tld/customers/view/1
form and dialog creation in runtime via Javascript which would be created by "the thing" i am searching
possibly with Kendo UI (any better idea) and without any more external dependencies
OR should i write it by myself? what would you do?
What i imagine is like a "some base HTML5 application" which pulls necessary details (forms, links, menu structures,css etc) from server to render what it gets. And no, i dont mean browsers with that but some base HTML5 applications which runs on broswers and renders what it needs to render.

Is there any viewengine exists for PHP so my asp.net mvc site has PHP as language for my VIEWS?

Now I'm working with asp.net mvc, it's good framework. But, in future, I want to work with php or ruby to develop views for my asp.net MVC site.
I am not sure what this concept is called but I know something exists.
I think, I must generate pages with clear html, javascript and use json for transfer data. What patterns I can use and how implement navigation?
Any other thing exists to do this?
Well in case if you wish to create your VIEWS for asp.net MVC site using PHP code you can opt for PHP View Engine.
It allows you to write ASP.NET MVC views in the PHP language.
http://phpviewengine.codeplex.com/ is link you can follow.
This way all your ASP.NET code for Controller And Model will be intact and you can create your views in PHP.
I hope this is what you would be looking for.
Another view engine for php is sharpy I hope this also could be one for you. On top of that I am not sure anything is there for ruby.
I want maximum unbounded from C# for quick implement on server-side
php or ruby.
Based on this comment, your only option to have server-side code return data in a standard format (like JSON) and rely heavily on client side templating to turn data into HTML.
LinkedIn had a similar problem. They had three different server side technologies and had a hard time re-using components. There is a good write-up about their experience here and a pretty through comparison of different templating technologies here.
Consider using Mustache (http://mustache.github.com/) as your view engine. It will allow both PHP, .NET and JS to consume the views and render with server-generated content. Nustache has a library for ASP.NET MVC as well to make the transition easy.

Javascript, HTML and CSS Grid

I am ASP.NET MVC to develop my application on web. This app requires a grid to display, sort, and modify the data. User can perform all crud operation using this grid and needs to hide any column as per need. I have searched a lot on internet to find any free HTML based control which fulfill this requirement but I did not find.
I just want to have a grid which fulfill the above requirement either that only based on java script or it have some dependencies on ASP.NET MVC frame work like other grids which are based on server side scripting which generates HTML on run time.
Any kind of help will be appreciated.
You may take a look at the Telerik Grid.
Here are some links that may help:
Ext Js - Javascript solution... maybe a little overkill, but tons of stuff out of the box.
Tutorial - Using CRUD Operations with jQuery igGrid, Entity Framework and ASP.Net MVC3
StackOverflow - Some more javascript solutions here.

Which Javascript framework/library to use to manage views/screens in an HTML application?

I am developing an rich Javascript application, using jQuery and some plugins. The application I am developing is becoming rather large and unwieldy. My main problem is managing views: I need to switch between views, some of which share the same components (like embedded views or partials). Currently my "screens" are all contained in various divs, and I am switching between them by hiding one and showing another. This makes navigation quite complex.
My question is: Is there a lightweight Javascript library that can help?
Following requirements:
No generation; I want to change the code on the deployment server, so frameworks requiring some special compilation are out of the question (like Sproutcore or GWT)
Model binding is not a necessity; I am getting the values from various forms and submitting them via Ajax requests
Want everything loaded upfront (i.e. not fetching screens with AJAX)
Must work with IE7
mootools, you can select what components you need from the framework.
http://mootools.net/core/
It turns out that what I was looking for all along was Dojo.
Dojo provides as part of its library the dijit subset library, which covers all the needed UI metaphors, including containers.
Also, as required, it does not involve any compilation as do many of the other Javascript (MVC) frameworks, and it supports IE from version 6.

Categories