Designing a Form on server side based on request

[cprabha]

Form layout needs to be designed using ext
Layout, number of elements and type of elements in the page should be built

dynamically - that means the values neeed to be fetched from the server side and

based on certain conditions the fields should be rendered.

Example:

Let's say we need to display Student Details & Staff details in the same form based

on the request.

If the request is "Student", then we need to display 10 fields and the field names

and values should be fetched from DB.
If the request is "Staff", then we need to display 20 fields and the field names and

values should be fetched from DB.

Better if it is explained with an example

Thanks in advance

[evant]

Ok, so... what's the question?

[armandoxxx]

my guess is .. "How to do it ..."

I think you have to create an empty form

after that make an ajax call and get needed field details ..

create fields and add them to form ... since PanelForm is subclass of a form you can remove existing fields and add new ones in ..

hope this helps ..

bye

Armando

[devnull]

Make an ajax request to the server which returns json containing an array of field definitions. In the ajax success handler, create the form panel, using the returned json as its items collection.

[hendricd]

This thread may generate some ideas.

[cprabha]

s, the question is "How to do it..." . Thanks for your help.

As you replied , the field details will be fetched from server side and the form building process will be handled in client side(java script).

Is it possible to build the Ext form in server side itself ?
====================================================================

my guess is .. "How to do it ..."

I think you have to create an empty form

after that make an ajax call and get needed field details ..

create fields and add them to form ... since PanelForm is subclass of a form you can remove existing fields and add new ones in ..

hope this helps ..

bye

Armando

[evant]

Yes, it's most definitely possible. Generate the appropriate JSON on the server and send it back to the client.

To make it easier, you may want to use/write your own JSON library to assist you.

I even went so far as to create a simple .NET library to assist in creating Ext objects:

Panel p = new Panel();
p.Title = "Foo";
p.AutoWidth = true;
Response.Write(p.ToJson());

[cprabha]

Thanks for your help. Have gone through the thread.

Inference: The form panel is defined in the client side. And the fields can be built from server side on it.

I need one more step to go.
We need to decide which is to be used - whether form panel or grid or whatever, in the server side itself.

is it possible to define the panel in the server side itself with its fields ?

This thread may generate some ideas.

[evant]

Technically, you could do EVERYTHING server side, example:

Ext.onReady(function()
{
   var v = new Ext.Viewport();
   Ext.Ajax.request(
   {
      url: 'myLoader',
      success: function(response)
      {
         var o = Ext.decode(response.responseText);
         v.add(o);
         v.doLayout();
      }
   }
   );
}
);

That assumes that say, o is a form panel declaration.