多行文本控件

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

  • 多行文本控件是一种多行文字输入的基础控件，由属性标签和输入框两部分组成；
  • 当焦点落在多行输入框内时，多行输入框边框变为蓝色，提示用户当前为输入状态；
  • 当输入的文字超过多行文本框的默认高度，多行文本框将会在右侧增加纵向滚动条。

    • QQ截图20190927104029

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

  • 查看菜单路径数据建模–数据结构–数据元素下，该数据元素的数据类型必须为【文本】。
  • 多行文本当查询条件时，操作符改成【IN】，支持分隔符：英文分号、英文逗号、回车查询，支持百分号%模糊查询。
  • 多行文本可控制多行文本数。

    • 配置

    1. 对象建模–业务对象–业务对象管理：编辑业务对象，点击【可视化布局】按钮进入页面布局；
    2. 在可视化布局中，选中需要配置多行文本的字段，在右侧菜单栏中找到【控件类型】，输入多行文本；如果是当查询条件，更改【操作符】为包含。
      QQ截图20190927105629
      QQ截图20190927113703
    3. 提交业务对象，生成代码。
    4. 如果需要控制多行文本数，可以在可视化布局中，选择配置多行文本的字段，在右侧菜单栏中找到【多行文本数】，输入4（根据需求输入）。
      QQ截图20190927113400

    代码

    在html文件中对应的字段生成textarea标签

    <textarea g-focus-select id="ipfCcmBoExtend.rowStyleExpress" g-tabindex-ignore="true" name="ipfCcmBoExtend.rowStyleExpress" class="form-control textarea-rows" ng-model="ipfCcmBoExtend.rowStyleExpress" title="{{ipfCcmBoExtend.rowStyleExpress}}" readonly="readonly" g-tabindex-ignore="true" style="width:100%;height:80px;"> </textarea>

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

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