AJAX 请求获取dojo的dijit.inlineEditBox的属性

3ks5zfa0 于 2023-03-16 发布在 Dojo

关注(0)|答案(1)|浏览(300)

从本质上讲，我遇到了与question中描述的相同的问题，但那里的公认答案对我来说并不完全有效。
我希望在一个符合HTML的data-myid属性中包含我正在处理的记录的id，然后当文本区域中的文本发生更改时，我希望调用一个函数，该函数将向服务器发送一个包含新值和data-myid的 AJAX 请求。这一点很重要，因为在一个页面中可以有多个inlineEditBox。就是得到合适的值发送到我被卡住的地方。
到目前为止，我知道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>

但我一直没能让它工作。

dojo

来源：https://stackoverflow.com/questions/16822500/getting-properties-of-dojos-dijit-inlineeditbox-for-ajax-request

1条答案

按热度按时间

s71maibg1#

可以通过以下方式获取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); 
         });
    });
});

赞(0）回复(0）举报 2023-03-16

我来回答

AJAX 请求获取dojo的dijit.inlineEditBox的属性

1条答案

相关问题

热门标签

最新问答