标签: dynamicform

我正在寻找一种解决方案,使用jQuery 管理HTML表单中的一对多关系.我正在使用Spring,Spring MVC和Hibernate进行开发.我在网上找到了很多曲目,但没有任何正常的例子.

的背景

我有三个JPA实体:

Consult.java (1)

@Entity
@Table(name = "consult")
public class Consult

    private Integer id;
    private String label;
    private Set<ConsultTechno> consultTechnos;

    /* getters & setters */

}

ConsultTechno.java (2)

@Entity
@Table(name = "consult_techno")
public class ConsultTechno {

    private Integer id;
    private Techno techno;
    private Consult consult;
    private String level;

    /* getters & setters */

}

Techno.java (3)

@Entity
@Table(name="techno")
public class Techno {

    private Integer id;
    private String label;
    private …

此处理程序仅适用于ListGrid.

但是如果你查看DynamicForm.setValidateOnExit()的文档,它会说:

如果为true,则在触发每个项目的"editorExit"处理程序以及提交或验证整个表单时,将验证表单项.

请注意,此属性也可以在项目级别设置,以启用更精细的粒度验证以响应用户交互 - 如果在任一级别为true,则将在editorExit上进行验证.

那么我们如何才能将EditorExitHandler添加到DynamicForm或FormItem？

编辑:

我想在表单下创建一个错误面板,以动态显示所有错误.每个FormITem都可以在Exit上验证,但我不知道如何捕获此验证事件以检查错误面板是否应该更新.

我使用Zeppelin包中提供的本机驱动程序将我的Zeppelin连接到postgresql.我有一个专栏 - ID(表中有一个表'a'),其中包含进一步处理所需的所有ID.

例

====================================
ID      |   Value 1     |   Value2
====================================
1       |   23          |   text1
2       |   13          |   text2
3       |   03          |   text3
4       |   99          |   text4
5       |   12          |   text5

现在,如何将此ID列填充为动态表单以进一步选择用户下拉列表？

我知道我可以使用spark上下文和JDBC驱动器.但那将是一种矫枉过正.我所有的进一步处理都是用DB进行分析.所以我更喜欢从psql解释器本身创建下拉动态表单.

有什么方法可以通过参数传递函数名称？

像这样的东西..

<tr v-for="item in items" class="static" 
    v-bind:class="{'evenRow': item.oddeven=='1', 'oddRow': item.oddeven=='0' }"
@click="item.click(item.contactID)" >

</tr>  

item.click在呈现页面时未转换为相应的功能。什么是正确的方法，任何建议将不胜感激？

我如何从角度动态形式获取值这是我的代码：我的html

<form (ngSubmit)="PreviewData()" [formGroup]="DataForm">
<div class="form-group row" *ngFor="let data of FormData;" >
        <label class="col-md-2 col-form-label" >{{data.name}}</label>
        <div class="col-md-10">
          <input type="text" class="form-control"  name="{{data.name}}">
        </div>
      </div>
<button class="btn btn-primary float-right" type="submit" >Preview</button>
</form>

在我的打字稿文件中

PreviewData() {
    this.payLoad = JSON.stringify(this.DataForm.value);
}

如何从 ts 文件中的组数据中获取值

我根据选择输入的变化从 API 调用动态获取我的输入，但是当我尝试添加到 Formik 的初始值时，它总是给我一个错误......

Warning: A component is changing an uncontrolled input of type text to be controlled.

如果我设置enableReinitialize={true}为 Formik 也无济于事。

但是，如果我从本地 JSON 或对象生成输入，错误就会消失。

我在这里做错了什么......

https://codesandbox.io/s/test-dynamic-inputs-with-formik-xr9qg

表单提交很好。

我的要求是：

\n
• 需要能够动态添加具有不同字段/字段类型的表单\n
\n
• 表单可以包含一个下拉列表，\n该下拉列表由另一个表单的值填充
\n

提交的表格\n例如：\n员工表格：

\n
1. 名字（文本框）
\n
2. 姓氏（文本框）
\n
3. 部门（下拉）-> 应绑定到部门表单
\n

部门表格：

\n
1. 部门名称（下拉）
\n

其他信息：

\n
• 我的数据库是SQL Server
\n
• I\xe2\x80\x99m 寻找性能
\n
• 每个表可以有超过一百万条记录
\n
• 我们的系统中有超过 1000 个用户
\n
• 我们需要根据用户提交的记录获得不同的报告
\n
• 报告需要对所有列都具有过滤功能
\n

选项：

\n
1. 每个表单创建一个表
\n
2. 添加 2 个表格用于表单结构和字段结构\n然后再添加 2 个表格用于提交表单值和提交字段值
\n

还有其他选择或想法吗？

请检查这个小提琴:http: //jsfiddle.net/kgXRa/

这是代码(在JSFiddle中实现)

var app = angular.module('myApp', []);

app.controller('MyCtrl', ['$scope', function ($scope) {
    $scope.field = [];
    $scope.value = [];
    $scope.inputCounter = 0;
}]);

app.directive('addInput', ['$compile', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.find('button').bind('click', function () {
                var input = angular.element('<div><input type="text" ng-model="field[' + scope.inputCounter + ']"><input type="text" ng-model="value[' + scope.inputCounter + ']"> <a href="javascript:;" ng-click="remove_it(' + scope.inputCounter + ')">remove</a></div> ');

                var compile = $compile(input)(scope);
                element.append(input);
                scope.inputCounter++;
                scope.remove_it = function(scope_counter) {
                   compile.remove(this);
                   scope.inputCounter--; …