added dynamic page generation (almost working)

js/bin.js

@@ -1605,3 +1605,135 @@ var priv = {};
 //
 //   });
 
+
+
+
+//             form = document.getElementById(e.target.getAttribute("data-form"));
+//             target = e.target.href;
+//
+//             e.preventDefault();
+//
+//             if (util.testForClass(form.className), "validate") {
+//               valid = $(form).triggerHandler( "submitForm" );
+//             } else {
+//               valid = $(form).serialize();
+//             }
+//
+// //             // TODO: how to update status?
+// //             if (valid !== false) {
+// //               jIO.util.ajax({
+// //                 "url": "data/" + attachment + ".json", "dataType":"json"
+// //               })
+// //             }
+// //
+// //             target = e.target.href,
+// //             id = form.id,
+// //             pointer = "response:" + id,
+// //             proceed = function (data, target) {
+// //               // changePage with fragment_cache pointer
+// //               $.mobile.changePage(target, {"transition": "slide", "data": data});
+// //             };
+// //
+// //           // stop
+
+// //           // fetch and proceed
+// //           if (valid !== false) {
+// //             $.ajax({
+// //               "type":"POST",
+// //               "url": "foo.php",
+// //               "data": valid
+// //             }).done(function(data) {
+// //               // overwrite cache
+// //               // NOTE: FAKE data until working
+// //               priv.fragment_cache[id] = priv.getFakeRecords["payment"];
+// //               proceed(pointer, target);
+// //             }).fail(function(jqXHR) {
+// //               // fake it
+// //               priv.fragment_cache[id] = priv.getFakeRecords["payment"];
+// //               proceed(pointer, target);
+// //             });
+// //           }
+// //         });
+// //     }
+// //   });
+
+
+  // PAGE BINDINGS
+        .end()
+
+
+      // form validation initializer
+      .find("form")
+//       .filter(function () {
+//         return this.getAttribute("data-bound") !== true;
+//       })
+//       .each(function (i, element) {
+//         element.setAttribute("data-bound", true);
+//           // TODO: how to add custom validations here?
+//           // TODO: async?
+//           $(element).validVal({
+//             validate: {
+//               onKeyup: "valid",
+//               onBlur: "valid"
+//             },
+//             form: {
+//               onInvalid: function() { return;}
+//             }
+//           });
+//       })
+//       .end()
+
+
+
+  //       //TODO: can't set bindings, because we don't have a parent?
+  //       // or always set on document for local and global should be autoset?
+  //       // popup content handling
+  //       if (search_popup) {
+  //         $parent.on("click", "a.extended_search", function (e) {
+  //           priv.generatePopupContents(e, "self", portal_type, settings.view, gadget_id);
+  //         });
+  //       }
+  //
+  //       // table actions
+  //       if (search_popup) {
+  //         // NOTE: can't bind to $parent, because JQM moves the popup
+  //         // outside of $parent
+  //         page = $parent.closest("div.ui-page");
+  //
+  //         if (page.data("bindings") === undefined) {
+  //           page.data("bindings", {});
+  //         }
+  //         if (page.data("bindings")["table_action"] === undefined) {
+  //           page.data("bindings")["table_action"] = true;
+  //
+  //           $(document).on("click", "a.table_action", function (e) {
+  //             var target,
+  //               action = e.target.getAttribute("data-action"),
+  //               popup = $(e.target).closest(".ui-popup"),
+  //               form = popup.find("form");
+  //
+  //             if (form.length === 0) {
+  //               target = popup.find(".ui-content");
+  //             } else {
+  //               target = form;
+  //             }
+  //             switch (action) {
+  //               case "add_criteria_search":
+  //                 target.append(priv.generateSearchCriteria(e.target))
+  //                   .enhanceWithin();
+  //               break;
+  //
+  //               case "add_criteria_config":
+  //                 target.append(priv.generateConfigCriteria(e.target))
+  //                   .enhanceWithin();
+  //               break;
+  //               case "delete_criteria":
+  //                 $(e.target).closest("div.ui-grid-row").remove();
+  //               break;
+  //             }
+  //           });
+  //         }
+  //       }
+  //
+//   });
+