获取dojo的dijit.InlineEditBox for ajax请求的属性

Question

从本质上讲，我有这个question中描述的相同的问题，但是那里被接受的答案并不完全适用于我。

我希望在符合HTML5的data-myid属性中包含正在处理的记录的id，然后当文本区域中的文本发生更改时，我希望调用一个函数，该函数将向服务器发送一个包含新值和data-myid的ajax请求。这一点很重要，因为一个页面可以有多个inlineEditBoxesi。ajax请求部分我觉得不错，那就是获得正确的值，发送到我遇到问题的地方。

到目前为止，我知道HTML声明的最终结果将如下所示：

<span data-dojo-type="dijit.InlineEditBox"  data-dojo-props="editor:'dijit.form.Textarea'" data-myid="123" title="some title" id="test" >
<script type="dojo/connect" event="onChange" data-dojo-args="myid,value">
  console.log(myid + " changed to value " + value);
</script>1339598</span> 

但我一直没能让它起作用。

Answer 1

您可以通过以下方式获取myId值

this.domNode.dataset.myid;

..。在您的onChange事件中。

示例如下：http://jsfiddle.net/psoares/ycEN7/

不过，更便于移植的解决方案是使用dojo/dom-attr，like this：

*HTML

<div id="editBox" data-dojo-type="dijit/InlineEditBox"  
     data-dojo-props="editor:'dijit/form/Textarea'"
     data-myid="123" 
     title="some title">1339598</div>
<div id="output"><div>`

*Javascript：

require(["dojo/dom",
     "dojo/dom-attr",
     "dojo/parser",
     "dojo/html",
     "dijit/registry",
     "dijit/InlineEditBox", 
     "dijit/form/Textarea",
    "dojo/domReady!"], 
function(dom, domAttr, parser, html, registry){
    var editBox;
    parser.parse().then(function(instances){
        editBox = registry.byId("editBox");
        editBox.on("change", function(value){
           var myId = domAttr.get(this.domNode, "data-myid");
           html.set(dom.byId("output"), "Editor " + myId + "'s value changed to " + value); 
         });
    });
});