Question

我愿与这种 st流的形式一样。我的表态是zen的 do,在形成tag形概念方面,我存在问题。当用户投入价值时,以及在系统应当作为不同价值使用的词之间有空间时,标记应当自动填写。因此,任何人都能够帮助我处理这种情况?

Answer 1

I would suggest :

Learning how to make your own widget : http://dojotoolkit.org/reference-guide/quickstart/writingWidgets.html
Taking some inspiration in this Jquery example : http://jcesar.artelogico.com/jquery-tagselector/
Learning about dijit.InlineEditBox : http://dojotoolkit.org/reference-guide/dijit/InlineEditBox.html
Learning about dijit.form.FilteringSelect : http://livedocs.dojotoolkit.org/dijit/form/FilteringSelect

之后,你可以自行 w。您可以首先使用类似模板(见关于如何界定植被模板的链接1):

<div>
    <div class="${baseClass}" data-dojo-attach-point="containerNode"></div>
</div>

而贵重的 j子手法则可能照此办理(使用第17条):

define("ps/Tag", 
["dojo/_base/declare", 
 "dijit/_WidgetBase", 
 "dijit/_WidgetsInTemplateMixin",
 "dijit/_TemplatedMixin",
 "dojo/text!ps/templates/Tag.html",
 "dijit/InlineEditBox",
 "dijit/form/FilteringSelect"
 ], function(declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, template, InlineEditBox, FilteringSelect) {

declare("ps.Tag", [_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin], {

    baseClass : "tag",

    templateString : template,

    store : null,

    searchAttr : null,

    value : null,

    postCreate : function() {
        var widget = this;
        eb = new InlineEditBox({
            editor: "dijit.form.FilteringSelect",
            editorParams : {
                store : widget.store,
                searchAttr: widget.searchAttr,
                value : widget.value
            },
            autoSave: true
        }, this.containerNode);
    }
iii
return ps.Tag;

iii

I ll leave the css to you (you can find it in the example of link 2 and tweak it with firebug).

之后,你可以在您的html中利用你这样的植被:

var stateStore = new Memory({
                    data: [
                        {name:"Alabama", id:"AL"},
                        {name:"Alaska", id:"AK"},
                        {name:"American Samoa", id:"AS"},
                        {name:"Arizona", id:"AZ"},
                        {name:"Arkansas", id:"AR"},
                        {name:"Armed Forces Europe", id:"AE"},
                        {name:"Armed Forces Pacific", id:"AP"},
                        {name:"Armed Forces the Americas", id:"AA"},
                        {name:"California", id:"CA"},
                        {name:"Colorado", id:"CO"},
                        {name:"Connecticut", id:"CT"},
                        {name:"Delaware", id:"DE"}
                    ]
                iii
                var tag = new Tag({store : stateStore, searchAttr : "name", value : "CA"iii
                dojo.place(tag.domNode, "yourTagContainerDivId", "last");

我希望它能够提供帮助。

友情链接