文本框

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

组件类型:01

文本框是基本的输入控件,当用户要在表单中键入字母、数字等内容时,就会用到文本框。

文本框具有以下特性:
  • 由属性标签和输入框两部分组成
  • 当焦点落在输入框内时,输入框边框变为蓝色,提示用户当前为输入状态
  • 如果文本框是必须输入的,属性标签后面应带一个星号作为提示
文本框说明:
  • 数据库字段类型必须是文本类型
  • 数据建模–数据结构–表定义元素:确保其中的字段对应的数据元素的数据类型为文本
  • 对象建模–业务对象–业务对象管理:编辑业务对象,属性Tab 中的数据类型是文本

下图商品名称等字段都是配置为文本框控件。
效果

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

配置

1.对象建模–业务对象–业务对象管理:编辑业务对象-点击【可视化布局】按钮,进入到可视化界面。
2.选择属性,在右侧属性列表处将其【控件类型】修改为【文本框】即可,如果要配置提示内容,则在【提示文本】处输入要提示的内容。
文本框1

代码

实体类中

 @Column(name="ITEM_NAME",nullable = false,length=200)
    @Require(groups={Default.class})
    @RichLength(max=200,min=0,groups={Default.class})
    private String itemName;

html界面

  <input id="search.itemName" name="search.itemName"
    class="input form-control" ng-model="search.itemName" 
    type="text" g-focus-select />

补充说明

  1. 文本框模糊查询情况下,下划线 _ 和百分号 %作为普通字符处理,不作为通配符

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

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

5.7.S,2019.09.29

优化

  • 文本框和多行文本框支持配置提示文本