آموزش ساخت فرم ساز در ASP.NET Core قسمت دوم

در قسمت قبل ( آموزش ساخت فرم ساز در ASP.NET Core قسمت اول ) درباره ثبت فرم و فیلدهای آن صحبت کردیم و همینطور اطلاعات ثبت شده در فرم را به صورت داینامیک نمایش دادیم.

در این قسمت می خواهیم به بحث نمایش فرم به صورت داینامیک و همینطور ثبت اطلاعات در دیتابیس بپردازیم.

برای این کار یک کنترلر و اکشن متد می سازیم و کدهای زیر را در اکشن متد ساخته شده قرار میدهیم:

{ var form = await _db.Forms.Include("Fields").FirstOrDefaultAsync(x => x.Id == id); return View(form); }

همانطور که میبینید فرم مورد نظر را واکشی و به همراه فیلدهای آن به ویو ارسال کردیم.

حالا ویو مربوط به این اکشن متد را ساخته و کدهای زیر را در آن قرار می دهیم:

@model Form

<input id="formId" name="formId" type="hidden" value="@Model.Id"/> <form id="@Model.Name" name="@Model.Name" action="/ManageForms/Form" method="POST"> @foreach(var item in Model.Fields) { <input type="@item.Type" name="@item.Title" id="@item.Title"/> <br/> } <input type="button" onclick="submitForm()" value="ثبت فرم"/> </form>

فیلدهای هر فرم در یک حلقه foreach به تگ فرم اضافه می شود و کمه ثبت اطلاعات فرم هم قرار داده شده، در رخداد کلیک این دکمه تابع جاوا اسکریپت submitForm را صدا زده ایم که در ادامه به این کدها میپردازیم.

ادامه مطلب


/ 0 نظر / 13 بازدید