在dojofilteringSelectWidget前后添加span标签

发布于 2024-10-02 08:20:51 字数 2222 浏览 0 评论 0原文

我试图在我刚刚创建的 dojofilteringSelect 小部件标签之前和之后插入一个标签。我怎样才能在道场做到这一点？

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojo/dojo.xd.js">
    </script>
    <script type="text/javascript">
        dojo.require("dijit.form.FilteringSelect");
        var filteringSelect = new dijit.form.FilteringSelect({
            id: "test"
        }, "test");
    </script>
    />
</head>
<body>
    <div aria-expanded="false" widgetid="test" role="combobox" class="dijit dijitReset dijitInlineTable dijitLeft dijitComboBox" id="widget_test" dojoattachevent="onmouseenter:_onMouse,onmouseleave:_onMouse,onmousedown:_onMouse" dojoattachpoint="comboNode" wairole="combobox" tabindex="-1">
        <div style="overflow: hidden;">
            <div role="presentation" class="dijitReset dijitRight dijitButtonNode dijitArrowButton dijitDownArrowButton dijitArrowButtonActive" dojoattachpoint="downArrowNode" wairole="presentation" dojoattachevent="onmousedown:_onArrowMouseDown,onmouseup:_onMouse,onmouseenter:_onMouse,onmouseleave:_onMouse">
                <div class="dijitArrowButtonInner">
                    ?
                </div>
                <div class="dijitArrowButtonChar">
                    ?
                </div>
            </div>
            <div class="dijitReset dijitValidationIcon">
                <br>
            </div>
            <div class="dijitReset dijitValidationIconText">
                ?
            </div>
            <div class="dijitReset dijitInputField">
                <input aria-owns="test_popup" value="United States" aria-required="true" tabindex="0" id="test" aria-invalid="false" aria-autocomplete="list" aria-haspopup="true" role="textbox" autocomplete="off" class="dijitReset" dojoattachevent="onkeypress:_onKeyPress,compositionend" dojoattachpoint="textbox,focusNode" wairole="textbox" waistate="haspopup-true,autocomplete-list" type="text"><input name="" style="display: none;" type="text">
            </div>
        </div>
    </div>
</body>
</html>

原文

I am trying to insert a tag before and a after this the dojo filteringSelect widget tag I just created. How can I do that in dojo?

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojo/dojo.xd.js">
    </script>
    <script type="text/javascript">
        dojo.require("dijit.form.FilteringSelect");
        var filteringSelect = new dijit.form.FilteringSelect({
            id: "test"
        }, "test");
    </script>
    />
</head>
<body>
    <div aria-expanded="false" widgetid="test" role="combobox" class="dijit dijitReset dijitInlineTable dijitLeft dijitComboBox" id="widget_test" dojoattachevent="onmouseenter:_onMouse,onmouseleave:_onMouse,onmousedown:_onMouse" dojoattachpoint="comboNode" wairole="combobox" tabindex="-1">
        <div style="overflow: hidden;">
            <div role="presentation" class="dijitReset dijitRight dijitButtonNode dijitArrowButton dijitDownArrowButton dijitArrowButtonActive" dojoattachpoint="downArrowNode" wairole="presentation" dojoattachevent="onmousedown:_onArrowMouseDown,onmouseup:_onMouse,onmouseenter:_onMouse,onmouseleave:_onMouse">
                <div class="dijitArrowButtonInner">
                    ?
                </div>
                <div class="dijitArrowButtonChar">
                    ?
                </div>
            </div>
            <div class="dijitReset dijitValidationIcon">
                <br>
            </div>
            <div class="dijitReset dijitValidationIconText">
                ?
            </div>
            <div class="dijitReset dijitInputField">
                <input aria-owns="test_popup" value="United States" aria-required="true" tabindex="0" id="test" aria-invalid="false" aria-autocomplete="list" aria-haspopup="true" role="textbox" autocomplete="off" class="dijitReset" dojoattachevent="onkeypress:_onKeyPress,compositionend" dojoattachpoint="textbox,focusNode" wairole="textbox" waistate="haspopup-true,autocomplete-list" type="text"><input name="" style="display: none;" type="text">
            </div>
        </div>
    </div>
</body>
</html>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

油饼 2024-10-09 08:20:51

好吧，如果你绝对想像这样在 Javascript 和 HTML 之间分割 FilteringSelect 的定义，我认为你可以做一些丑陋的事情，比如：

var targetInput = dojo.byId("test");
var spanWrapper = dojo.create("span");

dojo.place(wrapperSpan, targetInput, "replace");
dojo.place(targetInput, wrapperSpan);

dojo.require("dijit.form.FilteringSelect");

var filteringSelect = new dijit.form.FilteringSelect({
    id: "test"
}, "test");

Well, if you absolutely want to split the definition of the FilteringSelect between your Javascript and HTML like that, I think you could do something ugly like:

var targetInput = dojo.byId("test");
var spanWrapper = dojo.create("span");

dojo.place(wrapperSpan, targetInput, "replace");
dojo.place(targetInput, wrapperSpan);

dojo.require("dijit.form.FilteringSelect");

var filteringSelect = new dijit.form.FilteringSelect({
    id: "test"
}, "test");

回复收藏 0 原文

~没有更多了~