search

Aaltuj / VxFormGenerator

The library contains a component, that nests itself into the Blazor EditForm instead of a wrapper around the EditForm. The component is able to generate a form based on a POCO or a ExpandoObject. Because of this architecture the library provides the developer flexibility and direct usage of the EditForm.
MIT License
119 stars 36 forks source link

Looking for some new fields to Add #1

Closed irushabh closed 3 years ago

irushabh commented 4 years ago

Hello,

Thank you for this great Tutorial, I have been working on this for while. It's great to see many people working on this.

However, I am trying to add some new controls (input fields), but I am having difficulties as below:

  1. TextArea input field
  2. Multi Select Dropdown
  3. File Upload
  4. Multi Page Form

Note: I wonder how to create POCO from database such as one database table has some columns like Column Name, DataType, Caption, Values , etc.

Image 1

Response will be greatfull...!!

Aaltuj commented 4 years ago

Hi @irushabh

Thank you, glad to hear it helped. Regarding your questions: I'm not sure what you're asking...

However, I am trying to add some new controls (input fields), but I am having difficulties as below: TextArea input field Multi Select Dropdown File Upload Multi Page Form

I don't get what you are trying to accomplish. Could you elleborate?

Regarding the second question:

Note: I wonder how to create POCO from database such as one database table has some columns like Column Name, DataType, Caption, Values , etc.

http://letmegooglethat.com/?q=generate+poco+from+database+c%23

Should set you in the right directions.

irushabh commented 4 years ago

Hello Aaltuj,

Thank you for your response.

I understand my explanation is not fully understandable above. Let summaries for you.

So, I have database structure like below:

Step 1: (Database Table with Columns) CustomTable

Step 2: (It should render like this)

aspxvalidation

Step 3: (When user enter data in the dynamic form)

FillingForm

Step 4: (Should return user values back to POCO Model)

Inthedatatable

I am really apologies for confusion on my earlier post. I will eagerly wait for your response. I can also help you contribute on this module if you'd like to.

Regards, Rushabh

Aaltuj commented 4 years ago

ahhh i understand your question. I would take the following approach:

  1. Restructure your tables to represent the Pocos you want to create. Like table User columns: (firstname, lastname., ..)
  2. then pick one of the solutions in this thread: https://stackoverflow.com/questions/52225503/generate-c-sharp-class-from-sql-server-table
  3. map the datatypes to the components. (see Startup.cs line 30)
  4. now you should be able to render the form

Please, keep in mind that this is a POC not a fully functional lib, also take a look at the develop branch

irushabh commented 4 years ago

Hello,

I really appreciate your explanation and steps. It's really good and pretty straight forward.

However, I think your solution is still not fully Dynamic form, because in this case we still need to create Model class for each and every table or other words each case.

I am targeting something like below URL:

http://demoform.jazmy.com/

I hope you understand what I am trying to say.

Thanks for your good efforts, Rushabh

Aaltuj commented 4 years ago

Hi @irushabh i've taken your feedback to support your scenario with the use of an ExpandObject. it's not perfect yet and doesn't support validation yet. This is something to improve on. I've got an idea for that. You can take a look here for the new approach https://medium.com/@aaltuj/simple-to-use-dynamic-form-generator-powered-by-blazor-c38a068576e7

irushabh commented 4 years ago

Hello,

It's great to see your work. Actually, I am also working on this thing, but little bit different way.

Thanks Rushabh