0

大家好，我正在创建一个输入表单，允许一个人在请求中添加多天。每个请求可以附加 1 天或更多天，并且在提交表单之前每天都有一些选择。我正在使用此处描述的方法来完成此操作。

现在，我想开始做一些更高级的 UI 功能，例如使用 JSON 数据源来构建具有父子关系的下拉列表。我仍然是全新的 Web 开发（来自 IBM i 绿屏开发），所以我仍在通过示例和教程学习。当只有一组时，我发现了许多父子下拉列表的示例，但我需要它适用于任意数量的行以及页面上添加的所有新行，同时能够显示正确的选定值加载编辑页面时的每一行。最重要的是，我希望在做出某些选择时显示一些新字段。

这是我到目前为止所拥有的： 多日入境

（这是基于不担心最终功能并使其正常工作的屏幕截图。子下拉列表当前显示了所有内容。）

请求类型选择您想要休假的类型。使用时间类型根据输入到请求类型中的内容获取列表。我在上面遇到的问题是让它在单击“添加日期”时添加的新行上工作。接下来的挑战是根据请求类型显示/隐藏第二行。如果一个人选择生病 - 员工疾病，则应显示疾病性质，如果他们选择另一个选项，则同时显示疾病性质和关系。如果他们选择假期，他们不应该看到任何一个字段。

我为这些列表设置了 JSON。我包括了定义为哪个选项显示什么的字段。

[{"Id":11,"Title":"Employee Illness","ParentId":10,"MapToCode":"02","HasRelationship":false,"HasNatureOfIllness":true,"ChildRequired":false,"Notes":"","AccrualCode":"S"},
{"Id":1,"Title":"Vacation","ParentId":0,"MapToCode":"04","HasRelationship":false,"HasNatureOfIllness":false,"ChildRequired":false,"Notes":"","AccrualCode":"VAC"}]

我知道这对于新手来说有很多东西要学习和弄清楚。有没有人愿意分享或知道教程，甚至可以为我指出正确的方向？（即使是正确的术语）到目前为止，我对此的搜索一直失败。

4

2 回答 2

1

我可以推荐的最好的事情是，为单行获取一个共同的父级，并将其用作整个行的其余部分的参考点。（如果这些是<tr>表的，请标记 tr 或给它一个可以用来调用它的类）。当您需要更改行中的其他内容时，请使用.closest找到父项，然后向下遍历到您想要的字段。

接下来，除非此数据是真正动态的，否则请尝试将下拉列表的结果缓存在可用于每个新行的局部变量中。也就是说，如果请求类型和使用小时类型总是有相同的条目（通过 ajax 检索），只需从var request_types和重新填充它var use_hours_types。

第三，考虑使用.livethis 将绑定到 DOM 元素，尽管在初始绑定后对其进行了更改。因此，如果您的行的第二部分基于下拉列表的选择，请使用以下内容：

$('dropdown').live('change',function(){
   $(this).close('parent_object').filter('.corresponding_row').show();
});

（或一些传真）。

如果没有看到您已经使用的代码，只需考虑一种不同的方法来收集信息。困难的部分是您不想使用 ajax 数据（大概）对每个下拉列表进行广泛的重新分配，因为这会影响当前的选择。因此，尽可能保存数据并在创建新行时使用它。

于 2010-12-10T15:17:10.983 回答
0

我对这个问题有一个解决方案的开始。

于 2010-12-10T19:19:39.273 回答