Label设置

1.基本功能 1.基本功能

1.1. label超链接 1.1. label超链接

  • 在查询条件的某个字段上配置个链接,点击这个链接可以做一些具体的操作。
  • label超链接-效果1

  • 在表单上的某个字段上配置个链接,点击这个链接可以做一些具体的操作。
  • label超链接-效果2

    1.2.Label颜色配置 1.2.Label颜色配置

    label的样式可以自定义,可以改变其颜色。
    label颜色配置-效果1

    label颜色配置-效果2

    1.3. label冒号配置 1.3. label冒号配置

  • label的冒号支持自定义配置,可以配置成中英文冒号等。
  • 界面上label后面的符号根据配置的内容进行显示。
  • 配置前:
    结果1

    配置后:
    结果2

    2.配置方法 2.配置方法

    2.1. label超链接 2.1. label超链接

    配置

    1.对象建模–业务对象–业务对象管理:编辑业务对象选择【方法定义】新增方法配置一个超链接点击后要做的操作。 参考自定义js
    label超链接-配置1
    2.对象建模–业务对象–业务对象管理:编辑业务对象,点击【可视化布局】按钮,进入到可视化界面。
    label超链接-配置2
    3.在可视化界面中选择要配置超链接的字段。选择管理页面的名称字段。在方法名称中配置自定义的方法,为了区分这个是个链接可以在label样式中给这个label设置一些样式,使得这个label更为明显。
    label超链接-配置3

    代码

    在html文件,名称字段生成对应a标签。testLixq301DbManage.html

     <label for="testCaseName" 
            class="col-md-4 col-xs-4 col-sm-4 col-lg-4 control-label text-decoration: underline;color:blue;"
            style="text-decoration: underline;color:blue;" >     
    <a href="javascript:" style="text-decoration: underline;color:blue;" 
        ng-click="custLabelLink()" >名称:</a>
    </label>
    
    

    在html文件,名称字段生成对应a标签。testLixq301DbAdd.html文件方法如下

     <label for="testCaseName" 
            class="col-md-4 col-xs-4 col-sm-4 col-lg-4 control-label text-decoration: underline;color:blue;"
            style="text-decoration: underline;color:blue;" >     
    <a href="javascript:" style="text-decoration: underline;color:blue;" 
        ng-click="custLabelLink()" >名称:</a>
    </label>
    
    

    2.2.Label颜色配置 2.2.Label颜色配置

    配置

    1.对象建模–业务对象–业务对象管理:编辑业务对象,点击【可视化布局】按钮,进入到可视化界面。
    label颜色配置-配置1
    2.可视化布局,选择标签设置label样式【color:red;】。
    label颜色配置-配置2

    代码

    在html文件的金额字段上生成了个style标签。

    <label for="testCaseValue" 
            class="col-md-4 col-xs-4 col-sm-4 col-lg-4 control-label color:red;"
            style="color:red;" >
      金额:
    </label>
    

    3.以上步骤结束,则平台操作完成。需要在二次扩展js文件中编写逻辑。此步骤可以参考【3.1自定义js方法】

    2.3. label冒号配置 2.3. label冒号配置

    配置

    1. 项目管理–项目初始化–视图配置管理,点击【新增】按钮。

    label1

    2.在配置项类型处选择:页面Label标题标点符号设置,配置内容处输入自定义配置。

    label2

    3.设置完后点击保存。

    4.返回视图管理配置页面,勾选刚才新增的配置项,点击【批量提交】按钮。

    3

    5.重新生成代码。

    3.常用扩展 3.常用扩展

    3.1.自定义js方法 3.1.自定义js方法

    在项目中编写自定义的方法的方法体。(注意,因为管理页和编辑页都有链接且用的是同个自定义js,因此管理需要拷贝对应的方法体,编辑页也需要)
    前端js testLixq301DbManageCtr.js文件方法如下:

      $scope.custLabelLink = function (aa, bb, cc) {
                alert('请编写链接自定义方法');
            };
    
    

    前端js testLixq301DbAddCtr.js文件方法如下:

      $scope.custLabelLink = function (aa, bb, cc) {
                alert('请编写链接自定义方法');
            };
    
    

    4.版本更新 4.版本更新

    5.4.C,2019.05.10

    优化

  • label的冒号支持自定义配置,可以配置成中英文冒号等。