Tenlion/wiki-files
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update wg-basic/page-unit

Browse Source
This commit is contained in:
Administrator 2021-10-21 07:11:22 +00:00 committed by John Smith
parent 7e75a06f92
commit 455a4fb9ae
1 changed files with 58 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
wg-basic/page-unit.md
View File

@ -2,7 +2,7 @@
title: 页面组件
description: 页面上使用的组件
published: true
date: 2021-09-09T09:30:27.823Z
date: 2021-10-21T07:11:20.695Z
tags: wg-basic
editor: markdown
dateCreated: 2021-09-08T06:41:19.351Z
@ -368,6 +368,15 @@ top.dialog.open({
2. 返回的列表中可以获取：userId，userName
# 11. 选择地区
```html
<div class="layui-form-item">
<label class="layui-form-label layui-form-label-up">选择地区</label>
<div class="layui-input-block layui-input-block-down">
<input type="hidden" id="areaCode" name="areaCode">
<input type="text" id="areaName" name="areaName" class="layui-input" value="" placeholder="请选择地区" maxlength="255" readonly lay-verify="required">
</div>
</div>
```
```javascript
top.dialog.open({
title: '选择地区',
@ -395,3 +404,51 @@ top.dialog.open({
说明：
1. 打开页面时的参数 **areaName** 用于回显，可以不传。
2. 返回的列表中可以获取：areaId，areaName，areaCode
# 12.列表下拉选择
1. 固定
```html
<div class="layui-inline layui-form search-item">
<select id="type" name="type" lay-filter="typeFilter">
<option value="">选择类型</option>
<option value="type1">类型1</option>
</select>
</div>
```
2. 动态
```html
<div class="layui-inline layui-form search-item search-item-width-100">
<div class="layui-form" id="questionTypeSelectTemplateBox" lay-filter="questionTypeSelectTemplateBox"></div>
<script id="questionTypeSelectTemplate" type="text/html">
<select id="questionType" name="questionType" lay-filter="questionType">
<option value="">选择试题类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dataId}}">{{item.dataName}}</option>
{{# } }}
</select>
</script>
</div>
```
```javascript
function initQuestionTypeSelect() {
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/a7d1ab3d-fbd2-48ca-bfb8-353cad9f3eba', []), {}, null, function(code, data, args) {
laytpl(document.getElementById('questionTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('questionTypeSelectTemplateBox').innerHTML = html;
});
form.render('select', 'questionTypeSelectTemplateBox');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
```
3. 下拉选择事件
```javascript
form.on('select(typeFilter)', function(data) {
$('#choiceType').val('')
form.render('select');
if(data.value === 'type1') {
} else {
}
});
```