mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-06-13 14:11:49 +03:00
Merge commit '8997d5b1ff' as 'jtable'
This commit is contained in:
Mark Schouten
commit
d90fb0d2a6
155 changed files with 22323 additions and 0 deletions
348
jtable/dev/jquery.jtable.creation.js
Normal file
348
jtable/dev/jquery.jtable.creation.js
Normal file
|
|
@ -0,0 +1,348 @@
|
|||
/************************************************************************
|
||||
* CREATE RECORD extension for jTable *
|
||||
*************************************************************************/
|
||||
(function ($) {
|
||||
|
||||
//Reference to base object members
|
||||
var base = {
|
||||
_create: $.hik.jtable.prototype._create
|
||||
};
|
||||
|
||||
//extension members
|
||||
$.extend(true, $.hik.jtable.prototype, {
|
||||
|
||||
/************************************************************************
|
||||
* DEFAULT OPTIONS / EVENTS *
|
||||
*************************************************************************/
|
||||
options: {
|
||||
|
||||
//Events
|
||||
recordAdded: function (event, data) { },
|
||||
|
||||
//Localization
|
||||
messages: {
|
||||
addNewRecord: 'Add new record'
|
||||
}
|
||||
},
|
||||
|
||||
/************************************************************************
|
||||
* PRIVATE FIELDS *
|
||||
*************************************************************************/
|
||||
|
||||
_$addRecordDiv: null, //Reference to the adding new record dialog div (jQuery object)
|
||||
|
||||
/************************************************************************
|
||||
* CONSTRUCTOR *
|
||||
*************************************************************************/
|
||||
|
||||
/* Overrides base method to do create-specific constructions.
|
||||
*************************************************************************/
|
||||
_create: function () {
|
||||
base._create.apply(this, arguments);
|
||||
|
||||
if (!this.options.actions.createAction) {
|
||||
return;
|
||||
}
|
||||
|
||||
this._createAddRecordDialogDiv();
|
||||
},
|
||||
|
||||
/* Creates and prepares add new record dialog div
|
||||
*************************************************************************/
|
||||
_createAddRecordDialogDiv: function () {
|
||||
var self = this;
|
||||
|
||||
//Create a div for dialog and add to container element
|
||||
self._$addRecordDiv = $('<div />')
|
||||
.appendTo(self._$mainContainer);
|
||||
|
||||
//Prepare dialog
|
||||
self._$addRecordDiv.dialog({
|
||||
autoOpen: false,
|
||||
show: self.options.dialogShowEffect,
|
||||
hide: self.options.dialogHideEffect,
|
||||
width: 'auto',
|
||||
minWidth: '300',
|
||||
modal: true,
|
||||
title: self.options.messages.addNewRecord,
|
||||
buttons:
|
||||
[{ //Cancel button
|
||||
text: self.options.messages.cancel,
|
||||
click: function () {
|
||||
self._$addRecordDiv.dialog('close');
|
||||
}
|
||||
}, { //Save button
|
||||
id: 'AddRecordDialogSaveButton',
|
||||
text: self.options.messages.save,
|
||||
click: function () {
|
||||
self._onSaveClickedOnCreateForm();
|
||||
}
|
||||
}],
|
||||
close: function () {
|
||||
var $addRecordForm = self._$addRecordDiv.find('form').first();
|
||||
var $saveButton = self._$addRecordDiv.parent().find('#AddRecordDialogSaveButton');
|
||||
self._trigger("formClosed", null, { form: $addRecordForm, formType: 'create' });
|
||||
self._setEnabledOfDialogButton($saveButton, true, self.options.messages.save);
|
||||
$addRecordForm.remove();
|
||||
}
|
||||
});
|
||||
|
||||
if (self.options.addRecordButton) {
|
||||
//If user supplied a button, bind the click event to show dialog form
|
||||
self.options.addRecordButton.click(function (e) {
|
||||
e.preventDefault();
|
||||
self._showAddRecordForm();
|
||||
});
|
||||
} else {
|
||||
//If user did not supplied a button, create a 'add record button' toolbar item.
|
||||
self._addToolBarItem({
|
||||
icon: true,
|
||||
cssClass: 'jtable-toolbar-item-add-record',
|
||||
text: self.options.messages.addNewRecord,
|
||||
click: function () {
|
||||
self._showAddRecordForm();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
_onSaveClickedOnCreateForm: function () {
|
||||
var self = this;
|
||||
|
||||
var $saveButton = self._$addRecordDiv.parent().find('#AddRecordDialogSaveButton');
|
||||
var $addRecordForm = self._$addRecordDiv.find('form');
|
||||
|
||||
if (self._trigger("formSubmitting", null, { form: $addRecordForm, formType: 'create' }) != false) {
|
||||
self._setEnabledOfDialogButton($saveButton, false, self.options.messages.saving);
|
||||
self._saveAddRecordForm($addRecordForm, $saveButton);
|
||||
}
|
||||
},
|
||||
|
||||
/************************************************************************
|
||||
* PUBLIC METHODS *
|
||||
*************************************************************************/
|
||||
|
||||
/* Shows add new record dialog form.
|
||||
*************************************************************************/
|
||||
showCreateForm: function () {
|
||||
this._showAddRecordForm();
|
||||
},
|
||||
|
||||
/* Adds a new record to the table (optionally to the server also)
|
||||
*************************************************************************/
|
||||
addRecord: function (options) {
|
||||
var self = this;
|
||||
options = $.extend({
|
||||
clientOnly: false,
|
||||
animationsEnabled: self.options.animationsEnabled,
|
||||
success: function () { },
|
||||
error: function () { }
|
||||
}, options);
|
||||
|
||||
if (!options.record) {
|
||||
self._logWarn('options parameter in addRecord method must contain a record property.');
|
||||
return;
|
||||
}
|
||||
|
||||
if (options.clientOnly) {
|
||||
self._addRow(
|
||||
self._createRowFromRecord(options.record), {
|
||||
isNewRow: true,
|
||||
animationsEnabled: options.animationsEnabled
|
||||
});
|
||||
|
||||
options.success();
|
||||
return;
|
||||
}
|
||||
|
||||
var completeAddRecord = function (data) {
|
||||
if (data.Result != 'OK') {
|
||||
self._showError(data.Message);
|
||||
options.error(data);
|
||||
return;
|
||||
}
|
||||
|
||||
if (!data.Record) {
|
||||
self._logError('Server must return the created Record object.');
|
||||
options.error(data);
|
||||
return;
|
||||
}
|
||||
|
||||
self._onRecordAdded(data);
|
||||
self._addRow(
|
||||
self._createRowFromRecord(data.Record), {
|
||||
isNewRow: true,
|
||||
animationsEnabled: options.animationsEnabled
|
||||
});
|
||||
|
||||
options.success(data);
|
||||
};
|
||||
|
||||
//createAction may be a function, check if it is
|
||||
if (!options.url && $.isFunction(self.options.actions.createAction)) {
|
||||
|
||||
//Execute the function
|
||||
var funcResult = self.options.actions.createAction($.param(options.record));
|
||||
|
||||
//Check if result is a jQuery Deferred object
|
||||
if (self._isDeferredObject(funcResult)) {
|
||||
//Wait promise
|
||||
funcResult.done(function (data) {
|
||||
completeAddRecord(data);
|
||||
}).fail(function () {
|
||||
self._showError(self.options.messages.serverCommunicationError);
|
||||
options.error();
|
||||
});
|
||||
} else { //assume it returned the creation result
|
||||
completeAddRecord(funcResult);
|
||||
}
|
||||
|
||||
} else { //Assume it's a URL string
|
||||
|
||||
//Make an Ajax call to create record
|
||||
self._submitFormUsingAjax(
|
||||
options.url || self.options.actions.createAction,
|
||||
$.param(options.record),
|
||||
function (data) {
|
||||
completeAddRecord(data);
|
||||
},
|
||||
function () {
|
||||
self._showError(self.options.messages.serverCommunicationError);
|
||||
options.error();
|
||||
});
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
/************************************************************************
|
||||
* PRIVATE METHODS *
|
||||
*************************************************************************/
|
||||
|
||||
/* Shows add new record dialog form.
|
||||
*************************************************************************/
|
||||
_showAddRecordForm: function () {
|
||||
var self = this;
|
||||
|
||||
//Create add new record form
|
||||
var $addRecordForm = $('<form id="jtable-create-form" class="jtable-dialog-form jtable-create-form"></form>');
|
||||
|
||||
//Create input elements
|
||||
for (var i = 0; i < self._fieldList.length; i++) {
|
||||
|
||||
var fieldName = self._fieldList[i];
|
||||
var field = self.options.fields[fieldName];
|
||||
|
||||
//Do not create input for fields that is key and not specially marked as creatable
|
||||
if (field.key == true && field.create != true) {
|
||||
continue;
|
||||
}
|
||||
|
||||
//Do not create input for fields that are not creatable
|
||||
if (field.create == false) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (field.type == 'hidden') {
|
||||
$addRecordForm.append(self._createInputForHidden(fieldName, field.defaultValue));
|
||||
continue;
|
||||
}
|
||||
|
||||
//Create a container div for this input field and add to form
|
||||
var $fieldContainer = $('<div />')
|
||||
.addClass('jtable-input-field-container')
|
||||
.appendTo($addRecordForm);
|
||||
|
||||
//Create a label for input
|
||||
$fieldContainer.append(self._createInputLabelForRecordField(fieldName));
|
||||
|
||||
//Create input element
|
||||
$fieldContainer.append(
|
||||
self._createInputForRecordField({
|
||||
fieldName: fieldName,
|
||||
formType: 'create',
|
||||
form: $addRecordForm
|
||||
}));
|
||||
}
|
||||
|
||||
self._makeCascadeDropDowns($addRecordForm, undefined, 'create');
|
||||
|
||||
$addRecordForm.submit(function () {
|
||||
self._onSaveClickedOnCreateForm();
|
||||
return false;
|
||||
});
|
||||
|
||||
//Open the form
|
||||
self._$addRecordDiv.append($addRecordForm).dialog('open');
|
||||
self._trigger("formCreated", null, { form: $addRecordForm, formType: 'create' });
|
||||
},
|
||||
|
||||
/* Saves new added record to the server and updates table.
|
||||
*************************************************************************/
|
||||
_saveAddRecordForm: function ($addRecordForm, $saveButton) {
|
||||
var self = this;
|
||||
|
||||
var completeAddRecord = function (data) {
|
||||
if (data.Result != 'OK') {
|
||||
self._showError(data.Message);
|
||||
self._setEnabledOfDialogButton($saveButton, true, self.options.messages.save);
|
||||
return;
|
||||
}
|
||||
|
||||
if (!data.Record) {
|
||||
self._logError('Server must return the created Record object.');
|
||||
self._setEnabledOfDialogButton($saveButton, true, self.options.messages.save);
|
||||
return;
|
||||
}
|
||||
|
||||
self._onRecordAdded(data);
|
||||
self._addRow(
|
||||
self._createRowFromRecord(data.Record), {
|
||||
isNewRow: true
|
||||
});
|
||||
self._$addRecordDiv.dialog("close");
|
||||
};
|
||||
|
||||
$addRecordForm.data('submitting', true); //TODO: Why it's used, can remove? Check it.
|
||||
|
||||
//createAction may be a function, check if it is
|
||||
if ($.isFunction(self.options.actions.createAction)) {
|
||||
|
||||
//Execute the function
|
||||
var funcResult = self.options.actions.createAction($addRecordForm.serialize());
|
||||
|
||||
//Check if result is a jQuery Deferred object
|
||||
if (self._isDeferredObject(funcResult)) {
|
||||
//Wait promise
|
||||
funcResult.done(function (data) {
|
||||
completeAddRecord(data);
|
||||
}).fail(function () {
|
||||
self._showError(self.options.messages.serverCommunicationError);
|
||||
self._setEnabledOfDialogButton($saveButton, true, self.options.messages.save);
|
||||
});
|
||||
} else { //assume it returned the creation result
|
||||
completeAddRecord(funcResult);
|
||||
}
|
||||
|
||||
} else { //Assume it's a URL string
|
||||
|
||||
//Make an Ajax call to create record
|
||||
self._submitFormUsingAjax(
|
||||
self.options.actions.createAction,
|
||||
$addRecordForm.serialize(),
|
||||
function (data) {
|
||||
completeAddRecord(data);
|
||||
},
|
||||
function () {
|
||||
self._showError(self.options.messages.serverCommunicationError);
|
||||
self._setEnabledOfDialogButton($saveButton, true, self.options.messages.save);
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
_onRecordAdded: function (data) {
|
||||
this._trigger("recordAdded", null, { record: data.Record, serverResponse: data });
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Loading…
Add table
Add a link
Reference in a new issue