Added createTag code samples

kevin-brown · kevin-brown · commit 8bc4f5d41dad · 2016-05-26T20:50:12.000-04:00
This lays down part of the path for select2#4023 as well as select2#3974.
diff --git a/docs/_includes/options/dropdown/tagging.html b/docs/_includes/options/dropdown/tagging.html
@@ -19,18 +19,57 @@ <h3>
     Does tagging work with a single select?
   </h3>
 
+  <p>
+    Yes.
+  </p>
+
   {% include options/not-written.html %}
 
   <h3>
     How do I add extra properties to the tag?
   </h3>
 
+{% highlight js linenos %}
+$('select').select2({
+  createTag: function (params) {
+    var term = $.trim(params.term);
+
+    if (term === '') {
+      return null;
+    }
+
+    return {
+      id: term,
+      text: term,
+      newTag: true // add additional parameters
+    }
+  }
+});
+{% endhighlight %}
+
   {% include options/not-written.html %}
 
   <h3>
     Can I control when tags are created?
   </h3>
 
+{% highlight js linenos %}
+$('select').select2({
+  createTag: function (params) {
+    // Don't offset to create a tag if there is no @ symbol
+    if (params.term.indexOf('@') === -1) {
+      // Return null to disable tag creation
+      return null;
+    }
+
+    return {
+      id: params.term,
+      text: params.term
+    }
+  }
+});
+{% endhighlight %}
+
   {% include options/not-written.html %}
 
   <h3>
