从小部件获取表单父级

Question

给定一个 dojo 输入小部件（任何表单小部件），获取小部件的表单元素的最佳方法是什么？即父元素。

即我希望完成这样的功能：

function getForm(widget) {

    return ( /**code goes here **/);
}

谢谢

Answer 1

如果您只是寻找表单元素，那么最好找到输入（或其他表单内容元素）并使用其 form 属性。像下面这样的东西

function getForm(widget) {
   var inputNode = widget.valueNode || widget.focusNode;
   if (inputNode) return inputNode.form;
   return null;
}

适用于我看过的小部件。可能会错过一些小部件，但不要认为您会得到误报。

Answer 2

由于表单小部件也可以在表单之外使用，所以我能想到的唯一方法与没有小部件时所做的相同：获取起始 dom 节点并向上移动，直到到达表单节点：（

function find_ancestor_of_type(ancestorTag, node){
    while(node && node.tagName !== ancestorTag){
        node = node.parentNode;
    }
}

function get_form(widget){
    return fund_ancestor_of_type("form", widget.domNode);
}

虽然我还没有测试过这一点） ）

---

顺便问一下，为什么需要这样做？大多数时候，您可以将大部分逻辑放在表单本身中（如果您愿意，它也可以是 dijit.form.Form），并且输入小部件不需要了解任何有关它的信息。

Answer 3

如果表单是 dijit/form/Form，您可以使用 dijit/registry 来获取表单（小部件不仅仅是 DOM 节点）。

require( ["dijit/registry"], function( registry )
{
    var formWidget = registry.getEnclosingWidget( registry.byId('form_element_id').domNode );
} );

Answer 4

对于那些好奇的人来说，这对我有用：

function getForm(widget) {

    return (widget.domNode.parentNode);
}