0

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

我想在符合 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>

但我无法让它发挥作用。

4

1 回答 1

1

您可以通过获取 myId 值

this.domNode.dataset.myid;

...在您的 onChange 事件中。

这里的例子：http: //jsfiddle.net/psoares/ycEN7/

一个更便携的解决方案是使用 dojo/dom-attr 代替，像这样：

*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); 
         });
    });
});
于 2013-05-30T14:35:36.550 回答