Nano Hash - криптовалюты, майнинг, программирование

Установите тип столбца как данные в сетке Kendo Grid в javascript

У меня есть сетка кендо, созданная с помощью javascript. У меня нет источника данных, так как данные находятся на странице, а затем javascript генерирует сетку над ней. Я пытаюсь установить столбец как тип даты, но когда я это делаю, столбец просто отображается пустым.

Это скрипт для создания сетки кендо

var grid = $("#punches").kendoGrid({
        dataSource: {
            pageSize: 15,
            schema: {
                model: {
                    fields: {
                        PunchDay: { type: 'date' }
                    }
                }
            }
        },
        sortable: true,
        selectable: "multiple",
        pageable: true,
        filterable: true,
        scrollable: false,
        groupable: true,
        resizable: true
    }).data("kendoGrid");

Столбец PunchDay отображается пустым, когда я устанавливаю тип. Я считаю, что это как-то связано с данными в этом столбце, установленными следующим образом.

@FieldTranslation.ToShortDate(Html.DisplayFor(modelItem => item.PunchDay).ToString())

Поскольку это строка, а не формат даты. Однако у меня нет способа обойти это. Мой код сетки

<table class="table" id="punches">
            <thead>
            <tr>
                <th title="@FieldTranslation.GetLabel("ID", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("ID", GlobalVariables.LanguageID)
                </th>
                <th title="@FieldTranslation.GetLabel("EmployeeName", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("EmployeeName", GlobalVariables.LanguageID)
                </th>
                <th title="@FieldTranslation.GetLabel("PunchDay", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("PunchDay", GlobalVariables.LanguageID)
                </th>
                <th title="@FieldTranslation.GetLabel("PunchIn", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("PunchIn", GlobalVariables.LanguageID)
                </th>
                <th title="@FieldTranslation.GetLabel("PunchOut", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("PunchOut", GlobalVariables.LanguageID)
                </th>
                <th title="@FieldTranslation.GetLabel("Adjustment Time", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("Adjustment Time", GlobalVariables.LanguageID)
                </th>
                <th title="@FieldTranslation.GetLabel("Adjustment Description", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("Adjustment Description", GlobalVariables.LanguageID)
                </th>
                <th title="@FieldTranslation.GetLabel("WorkHours", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("WorkHours", GlobalVariables.LanguageID)
                </th>
                @*<th>
                    @Html.DisplayNameFor(model => model.Inactive)
                </th>*@
                <th title="@FieldTranslation.GetLabel("Department", GlobalVariables.LanguageID)">
                    @FieldTranslation.GetLabel("Department", GlobalVariables.LanguageID)
                </th>
                <th width="125px;" class="hidden-filter">Actions</th>
            </tr>
            </thead>

            <tbody>
            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.ID)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.EmployeeName)
                    </td>
                    <td>
                        @FieldTranslation.ToShortDate(Html.DisplayFor(modelItem => item.PunchDay).ToString())
                    </td>
                    <td>
                        @FieldTranslation.ToShortTime(Html.DisplayFor(modelItem => item.PunchIn).ToString())
                    </td>
                    <td>
                        @FieldTranslation.ToShortTime(Html.DisplayFor(modelItem => item.PunchOut).ToString())
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.AdjustTime)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.AdjustDescr)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.WorkHours)
                    </td>
                    @*<td>
                        @Html.DisplayFor(modelItem => item.Inactive)
                    </td>*@
                    <td>
                        @Html.DisplayFor(modelItem => item.Department)
                    </td>
                    <td>
                        <a href="@Url.Action("EditTime", "TimePunches", new {id = item.ID, flt = ViewBag.FLT})" title="Edit"><i class="icon-edit fa fa-pencil fa-fw fa-lg"></i></a>
                        <a href="@Url.Action("PunchLogIndex", "TimePunches", new {id = item.ID, flt = ViewBag.FLT})" title="Punch Log"><i class="icon-purple fa fa-book fa-fw fa-lg"></i></a>
                        <a href="@Url.Action("PunchRequestIndex", "TimePunches", new { punchId = item.ID, flt = ViewBag.FLT })" title="See Change Request Log"><i class="icon-niagara fa fa-list fa-fw fa-lg"></i></a>
                        <a href="#" id="delete" data-id="@item.ID" data-client="@item.ClientID"><i class="icon-red fa fa-times fa-fw fa-lg"></i></a>
                    </td>
                </tr>
            }
            </tbody>
        </table>

Что я могу сделать, чтобы мои даты снова появились?

javascript jquery asp.net-mvc kendo-grid
26.10.2016

  • Вы пытались сохранить его как строку и добавить часть столбцов? 26.10.2016
  • Я попробовал это @soham, и, похоже, это просто сломало сетку. Ничего не фильтрует и не делает. 26.10.2016

Ответы:


1

Попробуйте добавить часть столбцов, как это

var grid = $("#punches").kendoGrid({
    dataSource: {
        pageSize: 15,
        schema: {
            model: {
                fields: {
                    PunchDay: { type: 'date' }
                }
            }
        }
    },
    sortable: true,
    selectable: "multiple",
    pageable: true,
    filterable: true,
    scrollable: false,
    groupable: true,
    resizable: true
},
columns: [
    { field: "PunchDay", title: "PunchDay", format: "{0:MM/dd/yyyy}" },
    ...
]).data("kendoGrid");
26.10.2016
  • Я пробовал это. он просто ломает сетку по какой-то странной причине. Не загружает фильтры или что-то еще 26.10.2016
  • @TheDizzle Это не должно нарушать сетку. Вы добавили все поля в столбцы вместо части ...? 26.10.2016
  • Я включил все столбцы 26.10.2016
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..