mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-11-24 16:43:05 +08:00
Compare commits
2 Commits
8beafeb79a
...
7cd738e7a7
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
7cd738e7a7 | ||
|
|
e86be33910 |
@@ -130,8 +130,12 @@ namespace OpenAuth.App.Flow
|
||||
var properties = frmDataJson.Properties().ToList();
|
||||
foreach (var property in properties)
|
||||
{
|
||||
frmDataJson[property.Name.ToLower()] = property.Value;
|
||||
frmDataJson.Remove(property.Name);
|
||||
// 只有当属性名不是小写时才进行转换
|
||||
if (property.Name != property.Name.ToLower())
|
||||
{
|
||||
frmDataJson[property.Name.ToLower()] = property.Value;
|
||||
frmDataJson.Remove(property.Name);
|
||||
}
|
||||
}
|
||||
|
||||
foreach (var l in lines)
|
||||
|
||||
@@ -4,25 +4,29 @@ createTime: 2025/04/23 23:43:26
|
||||
permalink: /pro/dragformdetail/
|
||||
---
|
||||
|
||||
企业版可拖拽表单使用的是VForm Pro版本,详细的配置可参考:[https://www.vform666.com/](https://www.vform666.com/) 本节只做常用的配置说明。
|
||||
企业版可拖拽表单使用的是 VForm Pro 版本,详细的配置可参考:[https://www.vform666.com/](https://www.vform666.com/) 本节只做常用的配置说明。
|
||||
|
||||
## 后端加载下拉列表值
|
||||
|
||||
官网推荐通过数据源的方式给下拉列表赋值,简单点的方式是使用组件的`onCreated`事件。新建一个下拉先选框,唯一名称改为:`SelectVals`,在组件的`onCreated`事件中添加以下代码:
|
||||
|
||||
```javascript
|
||||
var selectVals = this.getWidgetRef('SelectVals');
|
||||
var addressAPI= 'http://localhost:52789/api/SelectVals/'
|
||||
axios.get(addressAPI).then(function(res) {
|
||||
if (res.data.code==200) {
|
||||
selectVals.loadOptions(res.data.result);
|
||||
}
|
||||
}).catch(function(error) {
|
||||
console.error(error)
|
||||
})
|
||||
var selectVals = this.getWidgetRef("SelectVals");
|
||||
var addressAPI = "http://localhost:52789/api/SelectVals/";
|
||||
axios
|
||||
.get(addressAPI)
|
||||
.then(function (res) {
|
||||
if (res.data.code == 200) {
|
||||
selectVals.loadOptions(res.data.result);
|
||||
}
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.error(error);
|
||||
});
|
||||
```
|
||||
|
||||
基于OpenAuth.WebApi返回的数据格式:
|
||||
基于 OpenAuth.WebApi 返回的数据格式:
|
||||
|
||||
```javascript
|
||||
{
|
||||
"result": [{
|
||||
@@ -35,4 +39,19 @@ axios.get(addressAPI).then(function(res) {
|
||||
"message": "操作成功",
|
||||
"code": 200
|
||||
}
|
||||
```
|
||||
```
|
||||
|
||||
## 多字段校验
|
||||
|
||||
使用场景:拖动表单中有多个表单组件需要联动校验,比如两个日期组件校验开始日期小于等于结束日期。
|
||||
具体做法:在表单设计的【全局设置】里面配置`onFormValidate`事件:
|
||||
|
||||
```javascript
|
||||
if (formModel.startDate > formModel.endDate) {
|
||||
this.$message.error("开始日期必须小于结束日期");
|
||||
return false;
|
||||
}
|
||||
```
|
||||
|
||||
如下图:
|
||||

|
||||
|
||||
Reference in New Issue
Block a user