标签: dynamic-forms

在使用jQuery提交AJAX表单后,我想要取消选中一组单选按钮.我有以下功能:

function clearForm(){
  $('#frm input[type="text"]').each(function(){
      $(this).val("");  
  });
  $('#frm input[type="radio":checked]').each(function(){
      $(this).checked = false;  
  });
 }

在此功能的帮助下,我可以清除文本框中的值,但我无法清除单选按钮的值.

顺便说一句,我也试过$(this).val("");但是没用.

我可以动态添加JSF组件吗？我需要一个带有按钮的表单,该按钮应该<h:inputText>在表单中添加一个.这可能吗？

我知道这应该可以在JavaScript中以某种方式实现.有人知道如何在JSF中这样做吗？我认为主要的问题是如何通过获取或设置新输入的值#{value}.

我有一个已经给出tabindex的div,当div被聚焦时(单击或选项卡)它执行以下操作:

将输入插入其自身,给出输入焦点

这在FF,IE和Opera中很有用

但是在Chome/Safari中它给出了输入焦点,但实际上没有将光标放在输入内(我知道它会让焦点因为出现了safari/chrome焦点边框).

有关于发生了什么的任何建议？

我必须在此之后修复密钥处理程序,这样箭头键和退格键也可以工作,如果你愿意,可以随意插入.

先感谢您!

以下是代码示例:

var recipientDomElem = $("#recipientsDiv");
recipientDomElem[0].tabIndex = 0;
$("#recipientsDiv").focus(function(e){
var code = (e.keyCode ? e.keyCode : e.which);
window.clearTimeout(statusTimer);
recipientDivHandler(code, null);
});


function recipientDivHandler(code, element){
$("#recipientsDiv").append('<input type="text" id="toInput" class="inlineBlockElement rightSpacer" style="border:0px none #ffffff; padding:0px; width:40px;margin-bottom:3px;padding:0; overflow:hidden; font-size:11px;" />');
$("#toInput").focus();
}

关于这一点的另一个奇怪之处是,跳转到div会触发div.focus()函数并正确地给出输入焦点...它只是失败的点击.我尝试在div上放置一个.click()函数来做与焦点相同的操作,但它不起作用.

我发现了一些像这样的类似问题,但是有很多方法可以做到这让我更加困惑.

我们正在获取XML正在阅读的文件.其中XML包含有关需要显示的某些表单字段的信息.

所以我创建了这个DynamicField.java包含我们需要的所有信息的自定义:

public class DynamicField {
  private String label; // label of the field
  private String fieldKey; // some key to identify the field
  private String fieldValue; // the value of field
  private String type; // can be input,radio,selectbox etc

  // Getters + setters.
}

所以我们有一个List<DynamicField>.

我想迭代这个列表并填充表单字段,使它看起来像这样:

<h:dataTable value="#{dynamicFields}" var="field">
    <my:someCustomComponent value="#{field}" />
</h:dataTable>

然后<my:someCustomComponent>将返回相应的JSF表单组件(即label,inputText)

另一种方法是只显示<my:someCustomComponent>,然后返回一个HtmlDataTable带有表单元素.(我认为这可能更容易).

哪种方法最好？有人可以告诉我一些链接或代码,它显示我如何创建这个？我更喜欢完整的代码示例,而不是像"你需要一个子类javax.faces.component.UIComponent" 这样的答案.

任何人都可以建议用ASP.NET MVC开发动态表单的好方法吗？

我在页面上有级联下拉列表(下拉列表中的选项取决于在上一个下拉列表中选择的值).

所有值都来自数据库.

如何使用ASP.NET MVC实现此类行为？

当然,我希望在提交表单时收到控制器中的所有值.

我有两种形式,一种是用户必须选择编辑的单选按钮.

[form name="A"]
<li>[input type="radio" name="BookItem" value="1" /]</li>
<li>[input type="radio" name="BookItem" value="2" /]</li>
<li>[input type="radio" name="BookItem" value="3" /]</li>
[form]<p>

从表单(A)中选择"BookItem"后,我调用该$("#EditFormWrapper").load("callEditData.cfm? ID="+ID);函数加载第二个表单(B)

<div id="EditFormWrapper"><div></p>
<!---//  begin dynamic form generated by external file callEditData.cfm  //--->
[form id="editForm" name="B"]
<ul class="hourswrapper">
<li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="AM2Hrs1" /> 2 Hours AM</li>
 <li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="PM2Hrs1" /> 2 Hours PM</li>
<li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="AM2Hrs2" /> 2 Hours AM</li>
 <li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="PM2Hrs2" /> 2 Hours PM</li> …

我问了这个问题,虽然答案直接满足了我的需求,但我仍然觉得必须有一个更简单的解决方案来解决这个问题.

我想有一个复合组件接受一个项目列表(商定的项目类型,以便成员可以在复合组件中自由使用)

CC(复合组件)显示项目列表并允许项目的加法和减法.

我想以最简单有效的方式做到这一点.

为了说明问题,一个例子:

定义应该相当简单(当然,除非:-)):

<special:dynamicFieldList value="#{bean.fieldList} />

Field对象最抽象的形式是:

public class Field{
 String uuid;
 String value;
}

我猜就是这样.你会如何以简单的方式实现这一点？

谢谢!

我有一个带有ModelChoiceField的表单,我想从我的数据库中加载一个表.如果我在表单的init上使用此查询集,那么我的视图的form.is_valid工作正常:

self.fields['categoria_formfield'].queryset = sitio_categoria.objects.exclude(categoria='patrimonio').values_list('idCategoria',flat=True)

该代码显示了ModelChoiceField上的id列表,但我需要它来显示类别列表.所以我使用:

self.fields['categoria_formfield'].queryset = sitio_categoria.objects.exclude(categoria='patrimonio').values_list('categoria',flat=True)

但是使用此代码.is_valid不会验证,我会收到一个表单错误:"选择一个有效的选择.这个选择不是可用的选择之一." 关于可能出现什么问题的一些线索？

模型

class sitio_categoria(models.Model):
    idCategoria         =   models.AutoField(primary_key=True)
    categoria           =   models.CharField(max_length=30, null=False, unique=True)

形成

class anadirComercioPaso1_form(forms.Form):
        categoria_formfield = forms.ModelChoiceField(widget=forms.Select(attrs={'size':'13', 'onchange':'this.form.action=this.form.submit()'}), queryset=sitio_categoria.objects.none())

def __init__(self, *args, **kwargs):
        super(anadirComercioPaso1_form, self).__init__(*args,**kwargs)
        self.fields['categoria_formfield'].queryset = sitio_categoria.objects.exclude(categoria='patrimonio').values_list('categoria',flat=True)

我正致力于在ASP.NET MVC视图中呈现动态表单,以满足这些要求:

• 可以验证字段
• 表单无效时保留状态

我正在研究创建一个自定义模型绑定器来实现这一目标.我一般打算这样做:

1. 表单字段使用这些属性定义
   • 提示(字段旁边的标签)
   • 输入(文本,复选框列表,放射学家等)
   • 选择(列表字段)
   • 是必须的
   • RegularExpression(用于文本字段)
   • 显示选项
   • 字段定义的集合从控制器发送到视图
   • 字段将呈现为HTML并发送到浏览器
   • 表单将发送回服务器
   • 一个自定义的模型绑定的形式结合字段定义的集合现在包含提交的值
   • 每个字段都经过验证
   • 如果需要 - >必须有值
   • 如果RegEx - >必须匹配
   • 对于每个无效字段,都会向modelstate添加一条错误消息
   • 控制器决定做什么
   • 如果所有字段都有效
     • 对领域及其价值做任何事情
   • 如果1个或多个字段无效
     • 将字段集合发送回视图
     • 使用先前尝试的值再次渲染字段
     • 显示验证摘要

我不确定我是以最好还是最简单的方式做这件事.这种方法会给我带来很多问题甚至工作吗？我该怎么做才能改进它？

在我的应用程序中,我需要在单击按钮时添加一行,此按钮将在所有行中.需要帮助吗？

物品等级

public class Item {
 public Item()
{

}
private String value;
public Item(String value) { this.value = value; }
public void setValue(String value) { this.value = value; }
public String getValue() { return value; }
}

管理Bean类

public class MyMB 
{
private List<Item> list;    

public void addItem() { // JSF action method
    list.add(new Item("Default"));
    Iterator<Item> iterator = list.iterator();
    while(iterator.hasNext())
    {
        Item item = (Item)iterator.next();
        System.out.println(item.getValue());
    }
    System.out.println();
    }
/**
 * @return the list
 */
public List<Item> getList() { …