Заполните cshtml во время выполнения данными из indexeddb - PullRequest
Новая
       14

Заполните cshtml во время выполнения данными из indexeddb

0 голосов
/ 17 октября 2019

У меня есть viewmodel, сохраненный в indexedDB в браузере, html-страница кэширована. В приведенном ниже примере (только часть представления) модель, сохраненная в indexeddb, представляет собой InspectionUpsertViewModel: 

@using Common.OM
@using ACA.OM.Tag_M
@model ACA.WebERP.Models.Inspection_M.InspectionUpsertViewModel
<div class="content">
    <div class="block block-rounded block-bordered">

        <ul class="nav nav-tabs nav-tabs-alt">
            <li class="nav-item">
                <a id="step1" class="nav-link active" data-toggle="tab" href="#tab-step-1">@ACA.Translations.Measurement.Step1</a>
            </li>
            <li class="nav-item">
                <a class="nav-link disabled" data-toggle="tab" href="#tab-step-2">@ACA.Translations.Measurement.Step2</a>
            </li>
            <li class="nav-item">
                <a id="step3" class="nav-link disabled" data-toggle="tab" href="#tab-step-3">@ACA.Translations.Measurement.Step3</a>
            </li>
        </ul>

        <div class="content">
            <div class="alert alert-danger" role="alert" id="subTypeChangeAlert" style="display:none;">
                @ACA.Translations.Measurement.AlertSubTypeChange
            </div>
            <h4>@ACA.Translations.Inspection.InspectionNr @Model.Inspection.Nr</h4>
        </div>

        @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "step1-form" }))
        {
            @Html.HiddenFor(model => model.Inspection.Id)
            @Html.AntiForgeryToken()

            <div class="tab-pane active" id="tab-step-1" role="tabpanel">
                <div class="block-content">
                    <div class="form-group row">
                        @Html.LabelFor(model => model.Inspection.Article, new { @class = "col-form-label col-md-2" })
                        @Html.HiddenFor(model => model.Inspection.ArticleId)
                        @Html.HiddenFor(model => model.Inspection.Article.AddressId)
                        @Html.HiddenFor(model => model.Inspection.Article.ArticlePropertiesVersion.Id)
                        @Html.HiddenFor(model => model.IsCreatedOnline)
                        @Html.HiddenFor(model => model.QuestionaireId);
                        <div class="col-md-10">
                            <div class="form-group row" id="article" style="@(Model.Inspection.Article != null ? "" : "display: none")">
                                <div class="col-md-10">
                                    <div>
                                        <span class="help-block" id="internNr">@(Model.Inspection.Article != null && !Model.Inspection.Article.InternNr.IsNullOrWhiteSpace() ? $"{ACA.Translations.Article.InternNr}: {Model.Inspection.Article.InternNr}" : "")</span>
                                    </div>
                                    <div>
                                        <span class="help-block" id="serialNr">@(Model.Inspection.Article != null && !Model.Inspection.Article.SerialNr.IsNullOrWhiteSpace() ? $"{ACA.Translations.Article.SerialNr}: {Model.Inspection.Article.SerialNr}" : "")</span>
                                    </div>
                                    <div>
                                        <span class="help-block" id="type">@(Model.Inspection.Article != null ? $"{ACA.Translations.Article.Type}: {Model.Inspection.Article.Type?.Name} - {Model.Inspection.Article.SubType?.Name}" : "")</span>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <button type="button" class="btn btn-warning editArticleButton" data-toggle="modal" data-target="#editArticleModal"><i class="fa fa-pencil-alt"></i></button>
                            </div>
                        </div>
                    </div>

Теперь мне нужно заполнить данные во время выполнения, поэтому извлеките мой объект из indexedDB и заполнитезначения объекта в представлении. У кого-нибудь есть идеи, как это сделать?

Заранее спасибо.

1 Ответ

1 голос
/ 17 октября 2019

Единственный способ изменить синтаксис Razor с фактическими значениями модели - это загрузить их в действие контроллера перед загрузкой представления. Поэтому для правильной загрузки значений вы можете просто сделать следующее:

return View(Model)

, где Модель - это объект, содержащий ваши данные.

Чтобы заполнить эти поля, когда представление уже загружено, выполните Javascript-запрос ajax к другому действию в вашем контроллере, которое завершится следующим образом:

return JSON(Model)

и вернет вашу Модель с ее данными, а затем загрузит их в вашу Форму, используя jQuery или что угодно.

* РЕДАКТИРОВАТЬ *

Для этогозадача быстрее, чем jquery вам нужно использовать библиотеки js, которые реализуют привязку данных. Такими примерами являются knockout.js и rivets.js в зависимости от того, что лучше всего соответствует вашим потребностям

...