Merge pull request #34 from komcal/custom-result-display

Custom result display

README.md

@@ -412,6 +412,19 @@ $.Thailand({
     // (ไม่ระบุก็ได้หากไม่จำเป็นต้องใช้)
     onLoad: function(){ 
         console.info('Autocomplete is ready!');
+    },
+
+    // object templates ใช้สำหรับ render dataset ใน typeahead.js
+    // สามารถอ่านเพิ่มเติมได้ที่ field templates ใน https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets
+    // (ไม่ระบุก็ได้หากไม่จำเป็นต้องใช้)
+    templates: {
+        empty: ' ',
+        suggestion: function (data) {
+            if (data.zipcode) {
+                data.zipcode = ' » ' + data.zipcode;
+            }
+            return '<div>' + data.district + ' » ' + data.amphoe + ' » ' + data.province + data.zipcode + '</div>';
+        }
     }
 });
 ```

jquery.Thailand.js/src/jquery.Thailand.js

@@ -198,7 +198,7 @@ $.Thailand = function (options) {
         $.Thailand.DB = DB;
         var i,
             key,
-            templates = { // template of autocomplete choices
+            defaultTemplates = { // template of autocomplete choices
                 empty: ' ',
                 suggestion: function (data) {
                     if (data.zipcode) {
@@ -222,6 +222,7 @@ $.Thailand = function (options) {
                 }
 
             };
+        var templates = typeof options.templates === 'object' ? Object.assign(defaultTemplates, options.templates) : defaultTemplates
 
         for (i in options) {
             if (i.indexOf('$') > -1 && i !== '$search' && options.hasOwnProperty(i) && options[i]) {
@@ -329,7 +330,7 @@ $.Thailand.defaults = {
 
     onLoad: function () {},
     onDataFill: function () {},
-
+    templates: false,
     $district: false,
     $district_code: false, // geodb only
     $amphoe: false,