标签: dynamic-forms

如何使用jquery从动态生成的表单元素中获取元素Id?

为了尝试这个概念,我正在做一个非常简单的测试.

我从一开始就有一个带有一些文本输入的表单.当我单击某个字段时,我想捕获其Id,并为输入文本添加一个值.

$(document).ready(function() {
    $('input').focus(function() {
        var currentId = $(this).attr('id');
       $("#"+currentId).val('blah');
    });
});
Run Code Online (Sandbox Code Playgroud)

这适用于初始字段,但它停止使用ajax调用添加的字段.

诀窍是,用户可以点击任何字段,直到他们点击我才知道哪个.我的Ids看起来像这样:

experience0-CompanyName //(original one)
experience[n]-CompanyName
Run Code Online (Sandbox Code Playgroud)

([n]部分也用于订购表格中的字段,因为元素按经验,教育技能等分组......

我该怎么做到这一点?

jquery dynamic-forms

3
推荐指数
1
解决办法
3万
查看次数

Jquery .keypress对动态添加的输入

我目前正在通过.click事件添加输入,然后想要收听此输入上发生的任何按键.但是,附加后不会触发任何事件(即模糊,按键,焦点).有没有人有什么建议?提前致谢!

$("#recipientsDiv").click(function(){
    $(this).append('< input type="text" id="toInput" class="inlineBlockElement" style="border:0px none #ffffff; padding:0px; width:20px; overflow:hidden;" />')
    $("#toInput").focus();
});
$("input").keypress(function(e){
    var inputStr = $(this).html();
    $("#inputCopier").text(inputStr);
    var newWidth = $("#inputCopier").innerWidth;
    $(this).css("width", newWidth);
});
$("#toInput").blur(function(){
    $("#toInput").remove();
});
Run Code Online (Sandbox Code Playgroud)

我也尝试过.keyup .keydown,它们不起作用.

jquery keypress textinput dynamic-forms

2
推荐指数
2
解决办法
1万
查看次数

如何使用rich:dataTable生成包含动态列的表?

我必须使用JSF生成动态表.我有一个包含标题的arraylist和另一个包含用于保存实际数据的字符串列表的列表 - 主列表中的每个条目代表一行.是否可以使用rich:datatable生成动态表?富有:列是一个可以考虑的选项吗?

jsf richfaces dynamic-forms

2
推荐指数
1
解决办法
6175
查看次数

vb6调用表单,其名称包含在数组中

我有一个名为Menus的数组.它包含每个元素的表单名称.

我怎样才能动态调用它们?

例如,如果菜单(1)="登录",菜单(2)="退出",我需要说

Login.Show
Run Code Online (Sandbox Code Playgroud)

但我想使用数组名称来做到这一点.我显然不能这样做:

Menus(X).Show
Run Code Online (Sandbox Code Playgroud)

在VB中这是可能的还是有办法解决这个问题?

提前致谢!

vb6 dynamic-forms

2
推荐指数
1
解决办法
2295
查看次数

使用STRING动态创建表单

我在设计时创建了5个表单.我需要动态创建每个表单的实例并放在一个选项卡上.

我的问题:如果表单名称在字符串数组中,我调用我的过程如下:

ShowForm(FormName[3]);// To show the 3rd form on a tab page.
Run Code Online (Sandbox Code Playgroud)

如何为每个表单定义和创建新实例?

这就是我现在所拥有的:

procedure TForm1.ShowFormOnTab(pProcName:String);
var
  NewForm: TfrmSetupItemCategories;//***HERE IS MY PROBLEM***

  NewTab: TTabSheet;
  FormName: String;

begin
  NewTab := TTabSheet.Create(PageControl1);
  NewTab.PageControl:= PageControl1;
  NewTab.Caption:='hi';
  PageControl1.ActivePage :=  NewTab;

  if pProcName='ProcfrmSetupItemCategories' Then
     begin
       NewForm:=TfrmSetupItemCategories.Create(NewTab);
       NewTab.Caption := NewForm.Caption;
     end;
  if pProcName='ProcfrmZones' Then
     begin
       NewForm:=TfrmZones.Create(NewTab);
       NewTab.Caption := NewForm.Caption;
     end;
.
.
.
end;
Run Code Online (Sandbox Code Playgroud)

" 我的问题就是这里"这一行是我需要帮助的地方.我不能以这种方式将NewForm重用为具有第二种形式的变量......

注意:我的问题不是标签.而是使用相同的变量名创建表单的新实例.

delphi lazarus dynamic-forms

1
推荐指数
1
解决办法
3441
查看次数

angular2动态形式计算数量总计

尝试计算总的payOffs.amount(payOffs是一个FormArray)。不确定如何正确执行操作,因此总计将观察到金额的当前值和新值的变化。这是我作为基本代码使用的plnkr:http ://plnkr.co/edit/nHSIsciSZNTQzQjxkXsk?p=preview

  <form (ngSubmit)="onSubmit()" [formGroup]="form">

<label>Name</label>
<input type="text" formControlName="name" [(ngModel)]="myModel.name" placeholder="Name">

<p>Pay Offs</p>
<table class="simple-table">
  <tr>
    <th>Amount</th>
    <th>Date</th>
    <th>Final?</th>
    <th></th>
  </tr>
<tbody>
  <tr *ngFor="let po of form.find('payOffs').controls; let i = index">
    <td>
      <input type="text" size=10 [formControl]="po.controls.amount" [(ngModel)]="myModel.payOffs[i].amount">
    </td>
    <td>
      <input type="text" [formControl]="po.controls.date" [(ngModel)]="myModel.payOffs[i].date">
    </td>
    <td>
      <input type="checkbox" [formControl]="po.controls.final" [(ngModel)]="myModel.payOffs[i].final">
    </td>
    <td>
      <button (click)="deletePayOff(i)" style="color: white; background: rgba(255, 0, 0, .5)">x</button>
    </td>
  </tr>
</tbody>
<tr>
  <td colspan="4" style="text-align: center; padding: .5em;">
    <button (click)="addPayOff($event)" style="color: white; background: rgba(0, 150, 0, 1)">Add …
Run Code Online (Sandbox Code Playgroud)

dynamic-forms angular

1
推荐指数
1
解决办法
7904
查看次数

VueJS - 一长串 v-if 的最佳替代方案是什么

我需要制作一个动态表单,其中管理区域允许某人在表单中添加和重新排列字段。每个字段都有一个类型:日期、复选框、选择、文本、数字等。我为每个字段类型创建了单独的组件,但现在我的表单看起来像这样(给出示例的伪代码)。

<section v-for="field in fields">
    <field-date v-if="field.type === 'date'" v-model="field.value"></field-date>
    <field-select v-if="field.type === 'select'" v-model="field.value"></field-select>
    <field-number v-if="field.type === 'number'" v-model="field.value"></field-number>
    <field-text v-if="field.type === 'text'" v-model="field.value"></field-text>
    <field-checkbox v-if="field.type === 'checkbox'" v-model="field.value"></field-checkbox>
</section>
Run Code Online (Sandbox Code Playgroud)

但这已经变得难以控制,而且只会变得更加失控。但我找不到更简单的方法来做到这一点。也许 field 应该是一个带有 render 方法的对象?但这样的话 if/else 就会被抽象到别处。

forms dynamic-forms vue.js vue-component vuejs2

1
推荐指数
1
解决办法
1374
查看次数