【问题标题】:Jhipster : disable dialog close on submitJhipster:在提交时禁用对话框关闭
【发布时间】:2016-04-13 15:20:04
【问题描述】:

我正在使用 Jhipster V3。
我创建了一个实体,Jhipster 生成了所有需要的视图。
我的客户希望在此实体的更新对话框中,单击“保存”不会关闭弹出窗口。
我在这个函数上评论了一行:

var onSaveSuccess = function (result) {
    $scope.$emit('rhTechvalleyApp:consultantUpdate', result);
    //$uibModalInstance.close(result);
    vm.isSaving = false;
};

在这个弹出窗口中,我有一个日期选择器组件。保存过程完成后,其值将变为空白。这只是一个显示问题,但我不知道如何解决它。

如果有人知道...

谢谢。

[更新]

transformResponse: function (data) {
                    data = angular.fromJson(data);
                    data.dateEnregistrement = DateUtils.convertLocalDateFromServer(data.dateEnregistrement);
                    data.dateDernierPointDisponibilite = DateUtils.convertLocalDateFromServer(data.dateDernierPointDisponibilite);
                    data.dateDisponibilite = DateUtils.convertLocalDateFromServer(data.dateDisponibilite);
                    return data;
                }

<div class="input-group"> 
    <input id="field_dateEnregistrement" type="text" class="form-control" name="dateEnregistrement" uib-datepicker-popup="{{dateformat}}" ng-model="vm.consultant.dateEnregistrement" is-open="vm.datePickerOpenStatus.dateEnregistrement"/>
    <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="vm.openCalendar('dateEnregistrement')"><i class="glyphicon glyphicon-calendar"></i></button>
    </span>
</div>

【问题讨论】:

    标签: jhipster


    【解决方案1】:

    您需要将transformResponse 添加到您的实体的Angular 服务的update 函数中。对于get,它应该与transformResponse 相同。

    例子:

    'update': {
        method:'PUT',
        transformResponse: function (data) {
            data = angular.fromJson(data);
            data.birthDate = DateUtils.convertLocalDateFromServer(data.birthDate);
            return data;
        }
    }
    

    您需要这样做的原因是服务器将返回一个类似2016-04-12 的字符串来表示日期。这需要转换为 JavaScript Date 对象,这是 Angular 对 type="date" 输入的期望。如果在 date 输入上使用字符串而不是日期对象来表示 ngModel,Angular 将抛出错误并且无法填充该字段。您可以将DateUtils.convertLocalDateFromServer 用于LocalDate,将DateUtils.convertDateTimeFromServer 用于DateTime。

    【讨论】:

    • 谢谢,我已经添加了与 GET 方法中相同的 transformResponse(请参阅更新),日期设置得很好。但是在 datetimepicker 输入中,我仍然得到一个空白值
    • 我忘了说,保存方法也一样。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多