Rendering UI from a JSON message, editing, then POSTing the new JSON.

[dacracot]

My team is in the early stages of a new workflow oriented web application.  A major requirement is being able to render a form based upon a JSON message from the database. Basically, the database reports what data it wants (or perhaps already has) and is asking for edits. The UI framework needs to render the form with preexisting data if it is there and then produce the JSON back with the edits. The exact form of the JSON message has yet to be established, so it can "advise" the UI renderer of the component which would be appropriate.

I really like the way EasyUI does not push some passive aggressive architecture for handling this type of workflow.  I can think of ways to code from the JSON to the UI, but the reverse is not so clear.

Any help would be greatly appreciated.

[stworthy]

If you render all the UI components in a form, you can call 'serialize' method to get the serialized value or call 'submit' method to post the form.

Code:

$('#ff').form('submit');

You also can attach the 'onChange' event on the form to listen to what component's value is changed.

Code:

$('#ff').form({
	onChange: function(target){
		console.log(target)
	}
})