Question

本质上我遇到了与question中描述的问题相同的问题，但是接受的答案对我来说并不完全有效。

我想要在符合HTML5的data-myid属性中处理我正在处理的记录的id，然后当文本区域中的文本发生更改时，我想调用一个函数来发送包含ajax的请求新值和data-myid到服务器。这很重要，因为单个页面可以有多个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); 
         });
    });
});

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

1 个答案: