ua-angular 日期、下拉框从数据字典获取、日期、输入框、数字输入框的使用

Bingo_BIG

已于 2023-06-28 17:35:36 修改

阅读量709

点赞数

分类专栏： UA 文章标签： angular.js javascript 前端

于 2020-08-31 17:31:01 首次发布

本文链接：https://blog.csdn.net/lybwwp/article/details/108325844

版权

本文介绍了如何在AngularJS项目中利用数据字典获取数据，实现日期选择器、下拉框、输入框和数字输入框的功能。通过后台JS处理，平台页面的交互效果得以提升。

摘要由CSDN通过智能技术生成

平台页面

<div class="side-panel-top">
    <div class="side-panel-header">
        <div class="side-panel-header-text">新增</div>
    </div>
</div>
<div class="command-bar-side-panel">
    <button ng-click="vm.cancel()" class="btn side-panel-button">取消</button>
    <button ng-click="vm.save()"  class="btn side-panel-button btn-primary" ng-show="vm.validInputs"  >保存</button>
</div>
<div class="side-panel-property-area-body">

  <sit-property-grid sit-id="add_form" sit-layout="Horizontal" sit-type="Fixed" sit-mode="edit" sit-columns="2">
        <!-- TODO: Put here the properties of the entity managed by the service -->
        <sit-property sit-widget="sit-text" sit-value="vm.currentItem.Id" sit-validation="{required: true}"
                      sit-read-only="true">ID:</sit-property>
        <sit-property sit-widget="sit-text" sit-value="vm.currentItem.ReportName" sit-validation="{required: true}"
                      sit-read-only="false" sit-placeholder="'请填写报表名称'">

            报表名称:
        </sit-property>
        <sit-property sit-widget="sit-date-time-picker"
                      sit-format="'yyyy-MM-dd'"
                      sit-validation="{required: false}"
                      sit-value="vm.currentItem.HolidayStart"
                      sit-read-only="false">          
            开始时间:
        </sit-property>

  <sit-property sit-widget="sit-select" sit-value="vm.currentItem.State" sit-options="[{label: '未调入', keep:'未调入'}, {label: '调入中', keep:'调入中'},{label: '已调入', keep:'已调入'}]"
                          sit-to-display="'label'" sit-to-keep="'keep'">
                状态:
            </sit-property>

        <sit-property sit-widget="sit-select" sit-value="vm.currentItem.report_dic_type.value" sit-validation="{required: true}"
                      sit-options="vm.currentItem.report_dic_type.options" sit-to-display="vm.currentItem.report_dic_type.label"
                      sit-to-keep="vm.currentItem.r