|
10
|
1 //!----------------------------------------------------------
|
|
|
2 //! Copyright (C) Microsoft Corporation. All rights reserved.
|
|
|
3 //!----------------------------------------------------------
|
|
|
4 //! MicrosoftMvcAjax.js
|
|
|
5
|
|
|
6 Type.registerNamespace('Sys.Mvc');
|
|
|
7
|
|
|
8 ////////////////////////////////////////////////////////////////////////////////
|
|
|
9 // Sys.Mvc.AjaxOptions
|
|
|
10
|
|
|
11 Sys.Mvc.$create_AjaxOptions = function Sys_Mvc_AjaxOptions() { return {}; }
|
|
|
12
|
|
|
13
|
|
|
14 ////////////////////////////////////////////////////////////////////////////////
|
|
|
15 // Sys.Mvc.InsertionMode
|
|
|
16
|
|
|
17 Sys.Mvc.InsertionMode = function() {
|
|
|
18 /// <field name="replace" type="Number" integer="true" static="true">
|
|
|
19 /// </field>
|
|
|
20 /// <field name="insertBefore" type="Number" integer="true" static="true">
|
|
|
21 /// </field>
|
|
|
22 /// <field name="insertAfter" type="Number" integer="true" static="true">
|
|
|
23 /// </field>
|
|
|
24 };
|
|
|
25 Sys.Mvc.InsertionMode.prototype = {
|
|
|
26 replace: 0,
|
|
|
27 insertBefore: 1,
|
|
|
28 insertAfter: 2
|
|
|
29 }
|
|
|
30 Sys.Mvc.InsertionMode.registerEnum('Sys.Mvc.InsertionMode', false);
|
|
|
31
|
|
|
32
|
|
|
33 ////////////////////////////////////////////////////////////////////////////////
|
|
|
34 // Sys.Mvc.AjaxContext
|
|
|
35
|
|
|
36 Sys.Mvc.AjaxContext = function Sys_Mvc_AjaxContext(request, updateTarget, loadingElement, insertionMode) {
|
|
|
37 /// <param name="request" type="Sys.Net.WebRequest">
|
|
|
38 /// </param>
|
|
|
39 /// <param name="updateTarget" type="Object" domElement="true">
|
|
|
40 /// </param>
|
|
|
41 /// <param name="loadingElement" type="Object" domElement="true">
|
|
|
42 /// </param>
|
|
|
43 /// <param name="insertionMode" type="Sys.Mvc.InsertionMode">
|
|
|
44 /// </param>
|
|
|
45 /// <field name="_insertionMode" type="Sys.Mvc.InsertionMode">
|
|
|
46 /// </field>
|
|
|
47 /// <field name="_loadingElement" type="Object" domElement="true">
|
|
|
48 /// </field>
|
|
|
49 /// <field name="_response" type="Sys.Net.WebRequestExecutor">
|
|
|
50 /// </field>
|
|
|
51 /// <field name="_request" type="Sys.Net.WebRequest">
|
|
|
52 /// </field>
|
|
|
53 /// <field name="_updateTarget" type="Object" domElement="true">
|
|
|
54 /// </field>
|
|
|
55 this._request = request;
|
|
|
56 this._updateTarget = updateTarget;
|
|
|
57 this._loadingElement = loadingElement;
|
|
|
58 this._insertionMode = insertionMode;
|
|
|
59 }
|
|
|
60 Sys.Mvc.AjaxContext.prototype = {
|
|
|
61 _insertionMode: 0,
|
|
|
62 _loadingElement: null,
|
|
|
63 _response: null,
|
|
|
64 _request: null,
|
|
|
65 _updateTarget: null,
|
|
|
66
|
|
|
67 get_data: function Sys_Mvc_AjaxContext$get_data() {
|
|
|
68 /// <value type="String"></value>
|
|
|
69 if (this._response) {
|
|
|
70 return this._response.get_responseData();
|
|
|
71 }
|
|
|
72 else {
|
|
|
73 return null;
|
|
|
74 }
|
|
|
75 },
|
|
|
76
|
|
|
77 get_insertionMode: function Sys_Mvc_AjaxContext$get_insertionMode() {
|
|
|
78 /// <value type="Sys.Mvc.InsertionMode"></value>
|
|
|
79 return this._insertionMode;
|
|
|
80 },
|
|
|
81
|
|
|
82 get_loadingElement: function Sys_Mvc_AjaxContext$get_loadingElement() {
|
|
|
83 /// <value type="Object" domElement="true"></value>
|
|
|
84 return this._loadingElement;
|
|
|
85 },
|
|
|
86
|
|
|
87 get_object: function Sys_Mvc_AjaxContext$get_object() {
|
|
|
88 /// <value type="Object"></value>
|
|
|
89 var executor = this.get_response();
|
|
|
90 return (executor) ? executor.get_object() : null;
|
|
|
91 },
|
|
|
92
|
|
|
93 get_response: function Sys_Mvc_AjaxContext$get_response() {
|
|
|
94 /// <value type="Sys.Net.WebRequestExecutor"></value>
|
|
|
95 return this._response;
|
|
|
96 },
|
|
|
97 set_response: function Sys_Mvc_AjaxContext$set_response(value) {
|
|
|
98 /// <value type="Sys.Net.WebRequestExecutor"></value>
|
|
|
99 this._response = value;
|
|
|
100 return value;
|
|
|
101 },
|
|
|
102
|
|
|
103 get_request: function Sys_Mvc_AjaxContext$get_request() {
|
|
|
104 /// <value type="Sys.Net.WebRequest"></value>
|
|
|
105 return this._request;
|
|
|
106 },
|
|
|
107
|
|
|
108 get_updateTarget: function Sys_Mvc_AjaxContext$get_updateTarget() {
|
|
|
109 /// <value type="Object" domElement="true"></value>
|
|
|
110 return this._updateTarget;
|
|
|
111 }
|
|
|
112 }
|
|
|
113
|
|
|
114
|
|
|
115 ////////////////////////////////////////////////////////////////////////////////
|
|
|
116 // Sys.Mvc.AsyncHyperlink
|
|
|
117
|
|
|
118 Sys.Mvc.AsyncHyperlink = function Sys_Mvc_AsyncHyperlink() {
|
|
|
119 }
|
|
|
120 Sys.Mvc.AsyncHyperlink.handleClick = function Sys_Mvc_AsyncHyperlink$handleClick(anchor, evt, ajaxOptions) {
|
|
|
121 /// <param name="anchor" type="Object" domElement="true">
|
|
|
122 /// </param>
|
|
|
123 /// <param name="evt" type="Sys.UI.DomEvent">
|
|
|
124 /// </param>
|
|
|
125 /// <param name="ajaxOptions" type="Sys.Mvc.AjaxOptions">
|
|
|
126 /// </param>
|
|
|
127 evt.preventDefault();
|
|
|
128 Sys.Mvc.MvcHelpers._asyncRequest(anchor.href, 'post', '', anchor, ajaxOptions);
|
|
|
129 }
|
|
|
130
|
|
|
131
|
|
|
132 ////////////////////////////////////////////////////////////////////////////////
|
|
|
133 // Sys.Mvc.MvcHelpers
|
|
|
134
|
|
|
135 Sys.Mvc.MvcHelpers = function Sys_Mvc_MvcHelpers() {
|
|
|
136 }
|
|
|
137 Sys.Mvc.MvcHelpers._serializeSubmitButton = function Sys_Mvc_MvcHelpers$_serializeSubmitButton(element, offsetX, offsetY) {
|
|
|
138 /// <param name="element" type="Object" domElement="true">
|
|
|
139 /// </param>
|
|
|
140 /// <param name="offsetX" type="Number" integer="true">
|
|
|
141 /// </param>
|
|
|
142 /// <param name="offsetY" type="Number" integer="true">
|
|
|
143 /// </param>
|
|
|
144 /// <returns type="String"></returns>
|
|
|
145 if (element.disabled) {
|
|
|
146 return null;
|
|
|
147 }
|
|
|
148 var name = element.name;
|
|
|
149 if (name) {
|
|
|
150 var tagName = element.tagName.toUpperCase();
|
|
|
151 var encodedName = encodeURIComponent(name);
|
|
|
152 var inputElement = element;
|
|
|
153 if (tagName === 'INPUT') {
|
|
|
154 var type = inputElement.type;
|
|
|
155 if (type === 'submit') {
|
|
|
156 return encodedName + '=' + encodeURIComponent(inputElement.value);
|
|
|
157 }
|
|
|
158 else if (type === 'image') {
|
|
|
159 return encodedName + '.x=' + offsetX + '&' + encodedName + '.y=' + offsetY;
|
|
|
160 }
|
|
|
161 }
|
|
|
162 else if ((tagName === 'BUTTON') && (name.length) && (inputElement.type === 'submit')) {
|
|
|
163 return encodedName + '=' + encodeURIComponent(inputElement.value);
|
|
|
164 }
|
|
|
165 }
|
|
|
166 return null;
|
|
|
167 }
|
|
|
168 Sys.Mvc.MvcHelpers._serializeForm = function Sys_Mvc_MvcHelpers$_serializeForm(form) {
|
|
|
169 /// <param name="form" type="Object" domElement="true">
|
|
|
170 /// </param>
|
|
|
171 /// <returns type="String"></returns>
|
|
|
172 var formElements = form.elements;
|
|
|
173 var formBody = new Sys.StringBuilder();
|
|
|
174 var count = formElements.length;
|
|
|
175 for (var i = 0; i < count; i++) {
|
|
|
176 var element = formElements[i];
|
|
|
177 var name = element.name;
|
|
|
178 if (!name || !name.length) {
|
|
|
179 continue;
|
|
|
180 }
|
|
|
181 var tagName = element.tagName.toUpperCase();
|
|
|
182 if (tagName === 'INPUT') {
|
|
|
183 var inputElement = element;
|
|
|
184 var type = inputElement.type;
|
|
|
185 if ((type === 'text') || (type === 'password') || (type === 'hidden') || (((type === 'checkbox') || (type === 'radio')) && element.checked)) {
|
|
|
186 formBody.append(encodeURIComponent(name));
|
|
|
187 formBody.append('=');
|
|
|
188 formBody.append(encodeURIComponent(inputElement.value));
|
|
|
189 formBody.append('&');
|
|
|
190 }
|
|
|
191 }
|
|
|
192 else if (tagName === 'SELECT') {
|
|
|
193 var selectElement = element;
|
|
|
194 var optionCount = selectElement.options.length;
|
|
|
195 for (var j = 0; j < optionCount; j++) {
|
|
|
196 var optionElement = selectElement.options[j];
|
|
|
197 if (optionElement.selected) {
|
|
|
198 formBody.append(encodeURIComponent(name));
|
|
|
199 formBody.append('=');
|
|
|
200 formBody.append(encodeURIComponent(optionElement.value));
|
|
|
201 formBody.append('&');
|
|
|
202 }
|
|
|
203 }
|
|
|
204 }
|
|
|
205 else if (tagName === 'TEXTAREA') {
|
|
|
206 formBody.append(encodeURIComponent(name));
|
|
|
207 formBody.append('=');
|
|
|
208 formBody.append(encodeURIComponent((element.value)));
|
|
|
209 formBody.append('&');
|
|
|
210 }
|
|
|
211 }
|
|
|
212 var additionalInput = form._additionalInput;
|
|
|
213 if (additionalInput) {
|
|
|
214 formBody.append(additionalInput);
|
|
|
215 formBody.append('&');
|
|
|
216 }
|
|
|
217 return formBody.toString();
|
|
|
218 }
|
|
|
219 Sys.Mvc.MvcHelpers._asyncRequest = function Sys_Mvc_MvcHelpers$_asyncRequest(url, verb, body, triggerElement, ajaxOptions) {
|
|
|
220 /// <param name="url" type="String">
|
|
|
221 /// </param>
|
|
|
222 /// <param name="verb" type="String">
|
|
|
223 /// </param>
|
|
|
224 /// <param name="body" type="String">
|
|
|
225 /// </param>
|
|
|
226 /// <param name="triggerElement" type="Object" domElement="true">
|
|
|
227 /// </param>
|
|
|
228 /// <param name="ajaxOptions" type="Sys.Mvc.AjaxOptions">
|
|
|
229 /// </param>
|
|
|
230 if (ajaxOptions.confirm) {
|
|
|
231 if (!confirm(ajaxOptions.confirm)) {
|
|
|
232 return;
|
|
|
233 }
|
|
|
234 }
|
|
|
235 if (ajaxOptions.url) {
|
|
|
236 url = ajaxOptions.url;
|
|
|
237 }
|
|
|
238 if (ajaxOptions.httpMethod) {
|
|
|
239 verb = ajaxOptions.httpMethod;
|
|
|
240 }
|
|
|
241 if (body.length > 0 && !body.endsWith('&')) {
|
|
|
242 body += '&';
|
|
|
243 }
|
|
|
244 body += 'X-Requested-With=XMLHttpRequest';
|
|
|
245 var upperCaseVerb = verb.toUpperCase();
|
|
|
246 var isGetOrPost = (upperCaseVerb === 'GET' || upperCaseVerb === 'POST');
|
|
|
247 if (!isGetOrPost) {
|
|
|
248 body += '&';
|
|
|
249 body += 'X-HTTP-Method-Override=' + upperCaseVerb;
|
|
|
250 }
|
|
|
251 var requestBody = '';
|
|
|
252 if (upperCaseVerb === 'GET' || upperCaseVerb === 'DELETE') {
|
|
|
253 if (url.indexOf('?') > -1) {
|
|
|
254 if (!url.endsWith('&')) {
|
|
|
255 url += '&';
|
|
|
256 }
|
|
|
257 url += body;
|
|
|
258 }
|
|
|
259 else {
|
|
|
260 url += '?';
|
|
|
261 url += body;
|
|
|
262 }
|
|
|
263 }
|
|
|
264 else {
|
|
|
265 requestBody = body;
|
|
|
266 }
|
|
|
267 var request = new Sys.Net.WebRequest();
|
|
|
268 request.set_url(url);
|
|
|
269 if (isGetOrPost) {
|
|
|
270 request.set_httpVerb(verb);
|
|
|
271 }
|
|
|
272 else {
|
|
|
273 request.set_httpVerb('POST');
|
|
|
274 request.get_headers()['X-HTTP-Method-Override'] = upperCaseVerb;
|
|
|
275 }
|
|
|
276 request.set_body(requestBody);
|
|
|
277 if (verb.toUpperCase() === 'PUT') {
|
|
|
278 request.get_headers()['Content-Type'] = 'application/x-www-form-urlencoded;';
|
|
|
279 }
|
|
|
280 request.get_headers()['X-Requested-With'] = 'XMLHttpRequest';
|
|
|
281 var updateElement = null;
|
|
|
282 if (ajaxOptions.updateTargetId) {
|
|
|
283 updateElement = $get(ajaxOptions.updateTargetId);
|
|
|
284 }
|
|
|
285 var loadingElement = null;
|
|
|
286 if (ajaxOptions.loadingElementId) {
|
|
|
287 loadingElement = $get(ajaxOptions.loadingElementId);
|
|
|
288 }
|
|
|
289 var ajaxContext = new Sys.Mvc.AjaxContext(request, updateElement, loadingElement, ajaxOptions.insertionMode);
|
|
|
290 var continueRequest = true;
|
|
|
291 if (ajaxOptions.onBegin) {
|
|
|
292 continueRequest = ajaxOptions.onBegin(ajaxContext) !== false;
|
|
|
293 }
|
|
|
294 if (loadingElement) {
|
|
|
295 Sys.UI.DomElement.setVisible(ajaxContext.get_loadingElement(), true);
|
|
|
296 }
|
|
|
297 if (continueRequest) {
|
|
|
298 request.add_completed(Function.createDelegate(null, function(executor) {
|
|
|
299 Sys.Mvc.MvcHelpers._onComplete(request, ajaxOptions, ajaxContext);
|
|
|
300 }));
|
|
|
301 request.invoke();
|
|
|
302 }
|
|
|
303 }
|
|
|
304 Sys.Mvc.MvcHelpers._onComplete = function Sys_Mvc_MvcHelpers$_onComplete(request, ajaxOptions, ajaxContext) {
|
|
|
305 /// <param name="request" type="Sys.Net.WebRequest">
|
|
|
306 /// </param>
|
|
|
307 /// <param name="ajaxOptions" type="Sys.Mvc.AjaxOptions">
|
|
|
308 /// </param>
|
|
|
309 /// <param name="ajaxContext" type="Sys.Mvc.AjaxContext">
|
|
|
310 /// </param>
|
|
|
311 ajaxContext.set_response(request.get_executor());
|
|
|
312 if (ajaxOptions.onComplete && ajaxOptions.onComplete(ajaxContext) === false) {
|
|
|
313 return;
|
|
|
314 }
|
|
|
315 var statusCode = ajaxContext.get_response().get_statusCode();
|
|
|
316 if ((statusCode >= 200 && statusCode < 300) || statusCode === 304 || statusCode === 1223) {
|
|
|
317 if (statusCode !== 204 && statusCode !== 304 && statusCode !== 1223) {
|
|
|
318 var contentType = ajaxContext.get_response().getResponseHeader('Content-Type');
|
|
|
319 if ((contentType) && (contentType.indexOf('application/x-javascript') !== -1)) {
|
|
|
320 eval(ajaxContext.get_data());
|
|
|
321 }
|
|
|
322 else {
|
|
|
323 Sys.Mvc.MvcHelpers.updateDomElement(ajaxContext.get_updateTarget(), ajaxContext.get_insertionMode(), ajaxContext.get_data());
|
|
|
324 }
|
|
|
325 }
|
|
|
326 if (ajaxOptions.onSuccess) {
|
|
|
327 ajaxOptions.onSuccess(ajaxContext);
|
|
|
328 }
|
|
|
329 }
|
|
|
330 else {
|
|
|
331 if (ajaxOptions.onFailure) {
|
|
|
332 ajaxOptions.onFailure(ajaxContext);
|
|
|
333 }
|
|
|
334 }
|
|
|
335 if (ajaxContext.get_loadingElement()) {
|
|
|
336 Sys.UI.DomElement.setVisible(ajaxContext.get_loadingElement(), false);
|
|
|
337 }
|
|
|
338 }
|
|
|
339 Sys.Mvc.MvcHelpers.updateDomElement = function Sys_Mvc_MvcHelpers$updateDomElement(target, insertionMode, content) {
|
|
|
340 /// <param name="target" type="Object" domElement="true">
|
|
|
341 /// </param>
|
|
|
342 /// <param name="insertionMode" type="Sys.Mvc.InsertionMode">
|
|
|
343 /// </param>
|
|
|
344 /// <param name="content" type="String">
|
|
|
345 /// </param>
|
|
|
346 if (target) {
|
|
|
347 switch (insertionMode) {
|
|
|
348 case Sys.Mvc.InsertionMode.replace:
|
|
|
349 target.innerHTML = content;
|
|
|
350 break;
|
|
|
351 case Sys.Mvc.InsertionMode.insertBefore:
|
|
|
352 if (content && content.length > 0) {
|
|
|
353 target.innerHTML = content + target.innerHTML.trimStart();
|
|
|
354 }
|
|
|
355 break;
|
|
|
356 case Sys.Mvc.InsertionMode.insertAfter:
|
|
|
357 if (content && content.length > 0) {
|
|
|
358 target.innerHTML = target.innerHTML.trimEnd() + content;
|
|
|
359 }
|
|
|
360 break;
|
|
|
361 }
|
|
|
362 }
|
|
|
363 }
|
|
|
364
|
|
|
365
|
|
|
366 ////////////////////////////////////////////////////////////////////////////////
|
|
|
367 // Sys.Mvc.AsyncForm
|
|
|
368
|
|
|
369 Sys.Mvc.AsyncForm = function Sys_Mvc_AsyncForm() {
|
|
|
370 }
|
|
|
371 Sys.Mvc.AsyncForm.handleClick = function Sys_Mvc_AsyncForm$handleClick(form, evt) {
|
|
|
372 /// <param name="form" type="Object" domElement="true">
|
|
|
373 /// </param>
|
|
|
374 /// <param name="evt" type="Sys.UI.DomEvent">
|
|
|
375 /// </param>
|
|
|
376 var additionalInput = Sys.Mvc.MvcHelpers._serializeSubmitButton(evt.target, evt.offsetX, evt.offsetY);
|
|
|
377 form._additionalInput = additionalInput;
|
|
|
378 }
|
|
|
379 Sys.Mvc.AsyncForm.handleSubmit = function Sys_Mvc_AsyncForm$handleSubmit(form, evt, ajaxOptions) {
|
|
|
380 /// <param name="form" type="Object" domElement="true">
|
|
|
381 /// </param>
|
|
|
382 /// <param name="evt" type="Sys.UI.DomEvent">
|
|
|
383 /// </param>
|
|
|
384 /// <param name="ajaxOptions" type="Sys.Mvc.AjaxOptions">
|
|
|
385 /// </param>
|
|
|
386 evt.preventDefault();
|
|
|
387 var validationCallbacks = form.validationCallbacks;
|
|
|
388 if (validationCallbacks) {
|
|
|
389 for (var i = 0; i < validationCallbacks.length; i++) {
|
|
|
390 var callback = validationCallbacks[i];
|
|
|
391 if (!callback()) {
|
|
|
392 return;
|
|
|
393 }
|
|
|
394 }
|
|
|
395 }
|
|
|
396 var body = Sys.Mvc.MvcHelpers._serializeForm(form);
|
|
|
397 Sys.Mvc.MvcHelpers._asyncRequest(form.action, form.method || 'post', body, form, ajaxOptions);
|
|
|
398 }
|
|
|
399
|
|
|
400
|
|
|
401 Sys.Mvc.AjaxContext.registerClass('Sys.Mvc.AjaxContext');
|
|
|
402 Sys.Mvc.AsyncHyperlink.registerClass('Sys.Mvc.AsyncHyperlink');
|
|
|
403 Sys.Mvc.MvcHelpers.registerClass('Sys.Mvc.MvcHelpers');
|
|
|
404 Sys.Mvc.AsyncForm.registerClass('Sys.Mvc.AsyncForm');
|
|
|
405
|
|
|
406 // ---- Do not remove this footer ----
|
|
|
407 // Generated using Script# v0.5.0.0 (http://projects.nikhilk.net)
|
|
|
408 // -----------------------------------
|
