Merge pull request #300 from Exodia/crumb-click

add crumb click

Author: otakustay

src/Crumb.js

@@ -89,6 +89,35 @@ define(
         };
 
 
+        Crumb.prototype.initEvents = function () {
+            this.helper.addDOMEvent(this.main, 'click', click);
+        };
+
+        function click(e) {
+            var node = e.target;
+            var children = lib.getChildren(this.main);
+            while (node !== this.main) {
+                if (this.helper.isPart(node, 'node')) {
+                    var index = lib.hasAttribute(node, 'data-index') ? node.getAttribute('data-index')
+                        : getPathIndex(children, node);
+                    var event = this.fire('click', { item: this.path[index] });
+                    event.isDefaultPrevented() && e.preventDefault();
+                    return;
+                }
+
+                node = node.parentNode;
+            }
+        }
+
+        function getPathIndex(children, node) {
+            for (var i = children.length - 1; i > -1; i -= 2) {
+                if (children[i] === node) {
+                    // separator 的插入使得索引要除个2
+                    return i / 2;
+                }
+            }
+        }
+
         /**
          * 无链接的文字节点的内容HTML模板
          *
@@ -99,7 +128,7 @@ define(
          * @type {string}
          */
         Crumb.prototype.textNodeTemplate =
-            '<span class="${classes}">${text}</span>';
+            '<span class="${classes}" data-index="${index}">${text}</span>';
 
         /**
          * 链接节点的内容HTML模板
@@ -112,7 +141,7 @@ define(
          * @type {string}
          */
         Crumb.prototype.linkNodeTemplate =
-            '<a class="${classes}" href="${href}">${text}</a>';
+            '<a class="${classes}" href="${href}" data-index="${index}">${text}</a>';
 
         /**
          * 分隔符HTML模板
@@ -155,6 +184,7 @@ define(
             var data = {
                 href: u.escape(node.href),
                 text: u.escape(node.text),
+                index: index,
                 classes: classes.join(' ')
             };
             return lib.format(template, data);