META-INF.resources.asset.ajaxjs-ui.doc.include.formcontrol.jsp Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of ajaxjs-web Show documentation
Show all versions of ajaxjs-web Show documentation
AJAXJS Web aims to full-stack, not only the server-side framework, but also integrates the front-end library. It's written in HTML5 + Java, a successor to the JVM platform, efficient, secure, stable, cross-platform and many other advantages, but it abandoned the traditional enterprise architecture brought about by the large and bloated, emphasizing the lightweight, and fast, very suitable for the Internet fast application.
<%@page pageEncoding="UTF-8"%>
图片验证码
点击刷新图片，并发送时间戳参数请求图片（不缓存图片）。
属性说明：
属性
含义
类型
是否必填，默认值
imgSrc
生成图片验证码地址
String
y
fieldName
提交的字段名
String
n，captcha
例子：
<aj-page-captcha img-src="${pageContext.request.contextPath}/Captcha/"></aj-page-captcha>
演示：
HTML 在綫編輯器
小巧的HTML 在綫編輯器。
- 设置内容的三种方法：1、定义属性 content；2、调用组件实例方法 setContent(content);3、通过 slot 标签中指定 content。
- 注意：当使用插槽方式时候，必须提供一个
包含有 <textarea class="hide" name="content">${info.content} </textarea>
- 获取内容方法：调用实例方法 getContent() 返回内容的 HTML；getContent({encode:true}) 返回汉字在表单中的 encodeURIComponent 编码；getContent({cleanWord: true}) 清理 word 粘贴冗余的标签。
- 图片上传依赖组件 App.$refs.uploadLayer，待优化 TODO
属性说明：
属性
含义
类型
是否必填，默认值
fieldName
表单 name，字段名
String
y
content
HTML内容
String
n
basePath
iframe 的 <base href="${param.basePath}/"
/>路徑
String
n,默认空字符串
例子：
<aj-form-html-editor field-name="content">
<textarea class="hide" name="content">Hello World!</textarea>
</aj-form-html-editor>
演示：
日期选择器
该控件本身不应单独使用，应作为子组件嵌入到父组件。当用户选择日期后，会触发 pick-date 事件，并传入 date 日期的参数，形如 2018-8-8。
TODO 年份不能选择！
例子：
<aj-form-calendar></aj-form-calendar>
演示：
日期选择器（带输入框的）
输入框本身不美化，应伴随表单样式一起定义。
属性说明：
属性
含义
类型
是否必填，默认值
fieldName
表单 name，字段名
String
y
fieldValue
表单值，可选的
String
n
positionFixed
表是否采用固定定位，
有时父元素限制了溢出，所以采用固定布局则无此问题。
Boolean
n
例子：
<aj-form-calendar-input field-name="date" field-value="2018-8-2"></aj-form-calendar-input>
演示：
图片文件上传
图片选择器、预览和相关校验。
属性说明：
属性
含义
类型
是否必填，默认值
imgPlace
图片占位符，用户没有选定图片时候使用的图片
String
y
imgName
表单提交时字段的名称
String
y
imgId
图片在数据库对应的 id
Number
n
例子：
<aj-form-calendar-input field-name="date" field-value="2018-8-2"></aj-form-calendar-input>
演示：