Add start of ajax select widget, get submits working again

etemplate/inc/class.etemplate_new.inc.php

@@ -138,6 +138,7 @@ class etemplate_new extends etemplate_widget_template
 		if (self::$response)	// call is within an ajax event / form submit
 		{
 			self::$response->generic('et2_load', array(
+				'name' => $this->name,
 				'url' => $GLOBALS['egw_info']['server']['webserver_url'].$this->rel_path,
 				'data' => $data,
 			));
@@ -199,6 +200,7 @@ class etemplate_new extends etemplate_widget_template
 		}
 		$validated = array();
 		$template->run('validate', array('', $content, &$validated), true);	// $respect_disabled=true: do NOT validate disabled widgets and children
+
 		if (self::validation_errors(self::$request->ignore_validation))
 		{
 			error_log(__METHOD__."(,".array2string($content).') validation_errors='.array2string(self::$validation_errors));

etemplate/js/et2_widget_ajaxSelect.js

@@ -0,0 +1,186 @@
+/**
+ * eGroupWare eTemplate2 - JS Ajax select / auto complete object
+ *
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package etemplate
+ * @subpackage api
+ * @link http://www.egroupware.org
+ * @author Nathan Gray
+ * @copyright Nathan Gray 2012
+ * @version $Id$
+ */
+
+"use strict";
+
+/*egw:uses
+	jquery.jquery;
+	jquery.jquery-ui;
+	et2_core_inputWidget;
+	et2_core_valueWidget;
+*/
+
+/**
+ * Using AJAX, this widget allows a type-ahead find similar to a ComboBox, where as the user enters information,
+ * a drop-down box is populated with the n closest matches.  If the user clicks on an item in the drop-down, that
+ * value is selected.
+ * n is the maximum number of results set in the user's preferences.
+ * The user is restricted to selecting values in the list.
+ * This widget can get data from any function that can provide data to a nextmatch widget.
+ */ 
+var et2_ajaxSelect = et2_inputWidget.extend({
+
+	attributes: {
+		'get_rows': {
+			"name": "Data source",
+			"type": "any",
+			"default": "",
+			"description": "Function to get search results."
+		},
+		'get_title': {
+			"name": "Title function",
+			"type": "any",
+			"default": "",
+			"description": "Function to get title for selected entry.  Used when closed, and if no template is given."
+		},
+		'id_field': {
+			"name": "Result ID field",
+			"type": "string",
+			"default": "",
+			"description": "Which key in result sub-array to look for row ID.  If omitted, the key for the row will be used."
+		},
+		'template': {
+			"name": "Row template",
+			"type": "string",
+			"default": "",
+			"description": "ID of the template to use to display rows.  If omitted, title will be shown for each result."
+		},
+		'filter': {
+			"name": "Filter",
+			"type": "string",
+			"default": "",
+			"description": "Apply filter to search results.  Same as nextmatch."
+		},
+		'filter2': {
+			"name": "Filter 2",
+			"type": "string",
+			"default": "",
+			"description": "Apply filter to search results.  Same as nextmatch."
+		},
+		'link': {
+			"name": "Read only link",
+			"type": "boolean",
+			"default": "true",
+			"description": "If readonly, widget will be text.  If link is set, widget will be a link."
+		},
+		'icon': {
+			"name": "Icon",
+			"type": "string",
+			"default": "",
+			"description": "Prevent all from looking the same.  Use an icon."
+		},
+
+                // Pass by code only
+                'values': {
+			"name": "Values",
+			"type": "any",
+			"default": {},
+			"description": "Specify the available options.  Use this, or Data source."
+		}
+	},
+
+	init: function() {
+		this._super.apply(this, arguments);
+
+		this.input = null;
+
+		this.createInputWidget();
+	},
+
+	createInputWidget: function() {
+		this.input = $j(document.createElement("input"));
+
+		this.input.addClass("et2_textbox");
+
+		this.setDOMNode(this.input[0]);
+	},
+
+	getValue: function()
+	{
+		if(this.options.blur && this.input.val() == this.options.blur) return "";
+		return this._super.apply(this, arguments);
+	},
+
+	set_blur: function(_value) {
+		if(_value) {
+			this.input.attr("placeholder", _value + "!");	// HTML5
+			if(!this.input[0].placeholder) {
+				// Not HTML5
+				if(this.input.val() == "") this.input.val(this.options.blur);
+				this.input.focus(this,function(e) {
+					if(e.data.input.val() == e.data.options.blur) e.data.input.val("");
+				}).blur(this, function(e) {
+					if(e.data.input.val() == "") e.data.input.val(e.data.options.blur);
+				});
+			}
+		} else {
+			this.input.removeAttr("placeholder");
+		}
+	}
+});
+
+et2_register_widget(et2_ajaxSelect, ["ajax_select"]);
+
+/**
+ * et2_textbox_ro is the dummy readonly implementation of the textbox.
+ */
+var et2_ajaxSelect_ro = et2_valueWidget.extend([et2_IDetachedDOM], {
+
+	/**
+	 * Ignore all more advanced attributes.
+	 */
+	attributes: {
+		"multiline": {
+			"ignore": true
+		}
+	},
+
+	init: function() {
+		this._super.apply(this, arguments);
+
+		this.value = "";
+		this.span = $j(document.createElement("span"));
+
+		this.setDOMNode(this.span[0]);
+	},
+
+	set_value: function(_value) {
+		this.value = _value;
+
+		if(!_value) _value = "";
+		this.span.text(_value);
+	},
+	/**
+         * Code for implementing et2_IDetachedDOM
+         */
+        getDetachedAttributes: function(_attrs)
+        {
+                _attrs.push("value");
+        },
+
+        getDetachedNodes: function()
+        {
+                return [this.span[0]];
+        },
+
+        setDetachedAttributes: function(_nodes, _values)
+        {
+		this.span = jQuery(_nodes[0]);
+		if(typeof _values["value"] != 'undefined')
+		{
+			this.set_value(_values["value"]);
+		}
+	}
+});
+
+et2_register_widget(et2_ajaxSelect_ro, ["ajax_select_ro"]);
+

etemplate/js/etemplate2.js

@@ -36,6 +36,7 @@
 	et2_widget_link;
 	et2_widget_progress;
 	et2_widget_selectAccount;
+	et2_widget_ajaxSelect;
 
 	et2_extension_nextmatch;
 	et2_extension_customfields;
@@ -376,7 +377,7 @@ function etemplate2_handle_load(_type, _response)
 	var data = _response.data;
 	if (typeof data.url == "string" && typeof data.data === 'object')
 	{
-		this.load(data.url, data.data);
+		this.load(data.name, data.url, data.data);
 		return true;
 	}