Tag: 动态表单
动态添加事件的正确方法是什么？
目标是，当我专注于最后一个文本行时，另一个文本行显示在它下面。 然后在一定数量的行中禁用它。 我似乎无法弄清楚这里有什么问题： $(document).ready(function() { lineCount = 0; $(“form#qc”).delegate(“input:text:last-child”, “focus”, newTextLine); }); function newTextLine() { newLine = (“Answer {0}: “).format(lineCount); currentDiv = (“#ansInput{0}”).format(lineCount); $(currentDiv).after(newLine); lineCount = lineCount++; } 这是HTML页面： Create New Question! Question: 我得到了一个非常非常令人满意的结果：每次出现两行并且所有索引都为0并且所有响应事件处理程序都假设只适用于最后一行…任何想法代码有什么问题？ 的jsfiddle 此外，欢迎任何有关如何使代码更智能的建议！
django-dynamic-formset为每个formset创建两个添加/删除链接
出于某种原因，我对django-dynamic-formset的实现表现得有点滑稽。 它为我的模板中的每个动态formset创建了两个添加/删除链接。 我一直在试图弄清楚这一点，并且它得到了我的最好。 这是我正在谈论的错误的屏幕截图 我也可以提供登录，如果您想自己触发错误，这里是我的模板： $(function() { $(‘#ingredients tbody tr’).formset({ prefix: ‘{{ ingredients_formset.prefix }}’, formCssClass: ‘dynamic-ingredients’ }); $(‘#steps tbody tr’).formset({ prefix: ‘{{ steps_formset.prefix }}’, formCssClass: ‘dynamic-steps’ }); }) {% csrf_token %} Ingredients: {% csrf_token %} Steps: 这是forms.py class RecipeForm(forms.ModelForm): reset_recipe = forms.CharField(widget=forms.HiddenInput(), required = False) class Meta: model = Recipe widgets = {‘original_cookbook’:forms.HiddenInput(), ‘pub_date’:forms.HiddenInput(), ‘author’:forms.HiddenInput()} […]
Spring Dynamic（可扩展）列表表单
我在spring遇到动态表单的问题。 在我们的表单中，我们要指定标题，并添加一些问题。 我们有一个“添加”按钮，用于使用jquery添加问题输入表单。 我们的表格在要求时有一个问题栏。 每次按下“添加”按钮时，都会添加额外的字段。 提交时似乎没有提交额外的字段（第一个字段是由控制器接收的）。 为什么没有收到额外的字段？ 我大致基于这个动态绑定列表示例的代码。 我的模型包括一个“报告”类，它有一个“标题”和一个“研究问题”列表。 下面是两个模型类的简短版本。 Roo照顾所有的吸气者和制定者 @Entity @RooJavaBean @RooEntity public class Report{ @Id @GeneratedValue(strategy = GenerationType.AUTO) @Column(name = “id”) private Long id; @NotEmpty private String title; @OneToMany(mappedBy=”report”) private List researchquestions; } @Entity @RooJavaBean @RooEntity public class Researchquestion { @Id @GeneratedValue(strategy = GenerationType.AUTO) @Column(name = “id”) private Long id; @NotEmpty private […]
如何取消选中一个单选按钮
我有两种forms，一种是用户必须选择编辑的单选按钮。 [form name=”A”] [input type=”radio” name=”BookItem” value=”1″ /] [input type=”radio” name=”BookItem” value=”2″ /] [input type=”radio” name=”BookItem” value=”3″ /] [form] 从表单（A）中选择“BookItem”后，我调用$(“#EditFormWrapper”).load(“callEditData.cfm? ID=”+ID); 加载第二种forms的function（B） [form id=”editForm” name=”B”] 2 Hours AM 2 Hours PM 2 Hours AM 2 Hours PM [input type=”image” src=”images/submit-btn.gif” id=”addBTN” name=”addBTN” class=”buttons” alt=”SubmitRrequest” /] [input type=”image” src=”images/cancel-btn.gif” id=”editBTNcancel” name=”editBTNcancel” class=”buttons” alt=”Cancel Request” /] [/form] […]
focus（）不在safari或chrome中工作
我有一个已经给出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(”); $(“#toInput”).focus(); } 关于这一点的另一个奇怪之处是，跳转到div会触发div.focus（）函数并正确地给出输入焦点…它只是失败的点击。 我尝试在div上放置一个.click（）函数来做与焦点相同的操作，但它不起作用。
