mirror of https://gitee.com/bigwinds/arangodb
703 lines
34 KiB
JavaScript
703 lines
34 KiB
JavaScript
/*
|
|
* File: jquery.dataTables.editable.js
|
|
* Version: 1.3.
|
|
* Author: Jovan Popovic
|
|
*
|
|
* Copyright 2010-2011 Jovan Popovic, all rights reserved.
|
|
*
|
|
* This source file is free software, under either the GPL v2 license or a
|
|
* BSD style license, as supplied with this software.
|
|
*
|
|
* This source file is distributed in the hope that it will be useful, but
|
|
* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
|
|
* or FITNESS FOR A PARTICULAR PURPOSE.
|
|
*
|
|
* Parameters:
|
|
* @sUpdateURL String URL of the server-side page used for updating cell. Default value is "UpdateData".
|
|
* @sAddURL String URL of the server-side page used for adding new row. Default value is "AddData".
|
|
* @sDeleteURL String URL of the server-side page used to delete row by id. Default value is "DeleteData".
|
|
* @fnShowError Function function(message, action){...} used to show error message. Action value can be "update", "add" or "delete".
|
|
* @sAddNewRowFormId String Id of the form for adding new row. Default id is "formAddNewRow".
|
|
* @oAddNewRowFormOptions Object Options that will be set to the "Add new row" dialog
|
|
* @sAddNewRowButtonId String Id of the button for adding new row. Default id is "btnAddNewRow".
|
|
* @oAddNewRowButtonOptions Object Options that will be set to the "Add new" button
|
|
* @sAddNewRowOkButtonId String Id of the OK button placed in add new row dialog. Default value is "btnAddNewRowOk".
|
|
* @oAddNewRowOkButtonOptions Object Options that will be set to the Ok button in the "Add new row" form
|
|
* @sAddNewRowCancelButtonId String Id of the Cancel button placed in add new row dialog. Default value is "btnAddNewRowCancel".
|
|
* @oAddNewRowCancelButtonOptions Object Options that will be set to the Cancel button in the "Add new row" form
|
|
* @sDeleteRowButtonId String Id of the button for adding new row. Default id is "btnDeleteRow".
|
|
* @oDeleteRowButtonOptions Object Options that will be set to the Delete button
|
|
* @sSelectedRowClass String Class that will be associated to the selected row. Default class is "row_selected".
|
|
* @sReadOnlyCellClass String Class of the cells that should not be editable. Default value is "read_only".
|
|
* @sAddDeleteToolbarSelector String Selector used to identify place where add and delete buttons should be placed. Default value is ".add_delete_toolbar".
|
|
* @fnStartProcessingMode Function function(){...} called when AJAX call is started. Use this function to add "Please wait..." message when some button is pressed.
|
|
* @fnEndProcessingMode Function function(){...} called when AJAX call is ended. Use this function to close "Please wait..." message.
|
|
* @aoColumns Array Array of the JEditable settings that will be applied on the columns
|
|
* @sAddHttpMethod String Method used for the Add AJAX request (default is 'POST')
|
|
* @sDeleteHttpMethod String Method used for the Delete AJAX request (default is 'POST')
|
|
* @fnOnDeleting Function function(tr, id, fnDeleteRow){...} Function called before row is deleted.
|
|
tr isJQuery object encapsulating row that will be deleted
|
|
id is an id of the record that will be deleted.
|
|
fnDeleteRow(id) callback function that should be called to delete row with id
|
|
returns true if plugin should continue with deleting row, false will abort delete.
|
|
* @fnOnDeleted Function function(status){...} Function called after delete action. Status can be "success" or "failure"
|
|
* @fnOnAdding Function function(){...} Function called before row is added.
|
|
returns true if plugin should continue with adding row, false will abort add.
|
|
* @fnOnNewRowPosted Function function(data) Function that can override default function that is called when server-side sAddURL returns result
|
|
You can use this function to add different behaviour when server-side page returns result
|
|
* @fnOnAdded Function function(status){...} Function called after delete action. Status can be "success" or "failure"
|
|
* @fnOnEditing Function function(input){...} Function called before cell is updated.
|
|
input JQuery object wrapping the inut element used for editing value in the cell.
|
|
returns true if plugin should continue with sending AJAX request, false will abort update.
|
|
* @fnOnEdited Function function(status){...} Function called after edit action. Status can be "success" or "failure"
|
|
* @sEditorHeight String Default height of the cell editors
|
|
* @sEditorWidth String Default width of the cell editors
|
|
* @oDeleteParameters Object Additonal objects added to the DELETE Ajax request
|
|
* @sIDToken String Token in the add new row dialog that will be replaced with a returned id of the record that is created
|
|
*/
|
|
(function ($) {
|
|
|
|
$.fn.makeEditable = function (options) {
|
|
|
|
var iDisplayStart = 0;
|
|
|
|
///Utility function used to determine id of the cell
|
|
//By default it is assumed that id is placed as an id attribute of <tr> that that surround the cell (<td> tag). E.g.:
|
|
//<tr id="17">
|
|
// <td>...</td><td>...</td><td>...</td><td>...</td>
|
|
//</tr>
|
|
function fnGetCellID(cell) {
|
|
return properties.fnGetRowID($(cell.parentNode));
|
|
}
|
|
|
|
///Utility function used to set id of the new row
|
|
//It is assumed that id is placed as an id attribute of <tr> that that surround the cell (<td> tag). E.g.:
|
|
//<tr id="17">
|
|
// <td>...</td><td>...</td><td>...</td><td>...</td>
|
|
//</tr>
|
|
function _fnSetRowIDInAttribute(row, id) {
|
|
row.attr("id", id);
|
|
}
|
|
|
|
//Utility function used to get id of the row
|
|
//It is assumed that id is placed as an id attribute of <tr> that that surround the cell (<td> tag). E.g.:
|
|
//<tr id="17">
|
|
// <td>...</td><td>...</td><td>...</td><td>...</td>
|
|
//</tr>
|
|
function _fnGetRowIDFromAttribute(row) {
|
|
return row.attr("id");
|
|
}
|
|
|
|
//Utility function used to set id of the new row
|
|
//It is assumed that id is placed as an id attribute of <tr> that that surround the cell (<td> tag). E.g.:
|
|
//<tr>
|
|
// <td>17</td><td>...</td><td>...</td><td>...</td>
|
|
//</tr>
|
|
function _fnSetRowIDInFirstCell(row, id) {
|
|
$("td:first", row).html(id);
|
|
}
|
|
|
|
//Utility function used to get id of the row
|
|
//It is assumed that id is placed as an id attribute of <tr> that that surround the cell (<td> tag). E.g.:
|
|
//<tr>
|
|
// <td>17</td><td>...</td><td>...</td><td>...</td>
|
|
//</tr>
|
|
function _fnGetRowIDFromFirstCell(row) {
|
|
return $("td:first", row).html();
|
|
}
|
|
|
|
//Reference to the DataTable object
|
|
var oTable;
|
|
//Refences to the buttons used for manipulating table data
|
|
var oAddNewRowButton, oDeleteRowButton, oConfirmRowAddingButton, oCancelRowAddingButton;
|
|
//Reference to the form used for adding new data
|
|
var oAddNewRowForm;
|
|
|
|
//Plugin options
|
|
var properties;
|
|
|
|
/// Utility function that shows an error message
|
|
///@param errorText - text that should be shown
|
|
///@param action - action that was executed when error occured e.g. "update", "delete", or "add"
|
|
function fnShowError(errorText, action) {
|
|
alert(errorText);
|
|
}
|
|
|
|
//Utility function that put the table into the "Processing" state
|
|
function fnStartProcessingMode() {
|
|
if (oTable.fnSettings().oFeatures.bProcessing) {
|
|
$(".dataTables_processing").css('visibility', 'visible');
|
|
}
|
|
}
|
|
|
|
//Utility function that put the table in the normal state
|
|
function fnEndProcessingMode() {
|
|
if (oTable.fnSettings().oFeatures.bProcessing) {
|
|
$(".dataTables_processing").css('visibility', 'hidden');
|
|
}
|
|
}
|
|
|
|
var sOldValue, sNewCellValue, sNewCellDislayValue;
|
|
//Utility function used to apply editable plugin on table cells
|
|
function _fnApplyEditable(aoNodes) {
|
|
if (properties.bDisableEditing)
|
|
return;
|
|
var oDefaultEditableSettings = {
|
|
event: 'dblclick',
|
|
"callback": function (sValue, settings) {
|
|
properties.fnEndProcessingMode();
|
|
var status = "";
|
|
if (sNewCellValue == sValue) {
|
|
var aPos = oTable.fnGetPosition(this);
|
|
oTable.fnUpdate(sNewCellDisplayValue, aPos[0], aPos[2]);
|
|
status = "success";
|
|
} else {
|
|
var aPos = oTable.fnGetPosition(this);
|
|
oTable.fnUpdate(sOldValue, aPos[0], aPos[2]);
|
|
properties.fnShowError(sValue, "update");
|
|
status = "failure";
|
|
}
|
|
|
|
properties.fnOnEdited(status, sOldValue, sNewCellDisplayValue, aPos[0], aPos[1], aPos[2]);
|
|
if (settings.fnOnCellUpdated != null) {
|
|
settings.fnOnCellUpdated(status, sValue, settings);
|
|
}
|
|
_fnSetDisplayStart();
|
|
|
|
},
|
|
"onsubmit": function (settings, original) {
|
|
var input = $("input,select,textarea", this);
|
|
sOldValue = original.revert;
|
|
sNewCellValue = $("input,select,textarea", $(this)).val();
|
|
if (input.length == 1) {
|
|
var oEditElement = input[0];
|
|
if (oEditElement.nodeName.toLowerCase() == "select" || oEditElement.tagName.toLowerCase() == "select")
|
|
sNewCellDisplayValue = $("option:selected", oEditElement).text(); //For select list use selected text instead of value for displaying in table
|
|
else
|
|
sNewCellDisplayValue = sNewCellValue;
|
|
}
|
|
|
|
if (!properties.fnOnEditing(input))
|
|
return false;
|
|
var x = settings;
|
|
if (settings.cssclass != null) {
|
|
input.addClass(settings.cssclass);
|
|
if (!input.valid() || 0 == input.valid())
|
|
return false;
|
|
else
|
|
return true;
|
|
}
|
|
},
|
|
"submitdata": function (value, settings) {
|
|
iDisplayStart = _fnGetDisplayStart();
|
|
properties.fnStartProcessingMode();
|
|
var id = fnGetCellID(this);
|
|
var rowId = oTable.fnGetPosition(this)[0];
|
|
var columnPosition = oTable.fnGetPosition(this)[1];
|
|
var columnId = oTable.fnGetPosition(this)[2];
|
|
var sColumnName = oTable.fnSettings().aoColumns[columnId].sName;
|
|
if (sColumnName == null || sColumnName == "")
|
|
sColumnName = oTable.fnSettings().aoColumns[columnId].sTitle;
|
|
return {
|
|
"id": id,
|
|
"rowId": rowId,
|
|
"columnPosition": columnPosition,
|
|
"columnId": columnId,
|
|
"columnName": sColumnName
|
|
};
|
|
},
|
|
"onerror": function () {
|
|
properties.fnEndProcessingMode();
|
|
properties.fnShowError("Cell cannot be updated(Server error)", "update");
|
|
properties.fnOnEdited("failure");
|
|
},
|
|
"height": properties.sEditorHeight,
|
|
"width": properties.sEditorWidth
|
|
};
|
|
|
|
var cells = null;
|
|
if (properties.aoColumns != null) {
|
|
for (var i = 0; i < properties.aoColumns.length; i++) {
|
|
if (properties.aoColumns[i] != null) {
|
|
cells = $("td:nth-child(" + (i + 1) + ")", aoNodes);
|
|
var oColumnSettings = oDefaultEditableSettings;
|
|
oColumnSettings = $.extend({}, oDefaultEditableSettings, properties.aoColumns[i]);
|
|
var sUpdateURL = properties.sUpdateURL;
|
|
try {
|
|
if (oColumnSettings.sUpdateURL != null)
|
|
sUpdateURL = oColumnSettings.sUpdateURL;
|
|
} catch (ex) {
|
|
}
|
|
cells.editable(sUpdateURL, oColumnSettings);
|
|
}
|
|
|
|
|
|
}
|
|
} else {
|
|
cells = $('td:not(.' + properties.sReadOnlyCellClass + ')', aoNodes);
|
|
cells.editable(properties.sUpdateURL, oDefaultEditableSettings);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//Called when user confirm that he want to add new record
|
|
function _fnOnRowAdding(event) {
|
|
if (properties.fnOnAdding()) {
|
|
if (oAddNewRowForm.valid()) {
|
|
iDisplayStart = _fnGetDisplayStart();
|
|
properties.fnStartProcessingMode();
|
|
var params = oAddNewRowForm.serialize();
|
|
$.ajax({ 'url': properties.sAddURL,
|
|
'data': params,
|
|
'type': properties.sAddHttpMethod,
|
|
"dataType": "text",
|
|
success: _fnOnRowAdded,
|
|
error: function (response) {
|
|
properties.fnEndProcessingMode();
|
|
properties.fnShowError(response.responseText, "add");
|
|
properties.fnOnAdded("failure");
|
|
}
|
|
});
|
|
}
|
|
}
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
}
|
|
|
|
function _fnOnNewRowPosted(data) {
|
|
|
|
return true;
|
|
|
|
}
|
|
///Event handler called when a new row is added and response is returned from server
|
|
function _fnOnRowAdded(data) {
|
|
properties.fnEndProcessingMode();
|
|
|
|
if (properties.fnOnNewRowPosted(data)) {
|
|
|
|
var oSettings = oTable.fnSettings();
|
|
var iColumnCount = oSettings.aoColumns.length;
|
|
var values = new Array();
|
|
|
|
$("input:text[rel],input:radio[rel][checked],input:hidden[rel],select[rel],textarea[rel],span.datafield[rel]", oAddNewRowForm).each(function () {
|
|
var rel = $(this).attr("rel");
|
|
var sCellValue = "";
|
|
if (rel >= iColumnCount)
|
|
properties.fnShowError("In the add form is placed input element with the name '" + $(this).attr("name") + "' with the 'rel' attribute that must be less than a column count - " + iColumnCount, "add");
|
|
else {
|
|
if (this.nodeName.toLowerCase() == "select" || this.tagName.toLowerCase() == "select")
|
|
sCellValue = $("option:selected", this).text();
|
|
else if (this.nodeName.toLowerCase() == "span" || this.tagName.toLowerCase() == "span")
|
|
sCellValue = $(this).html();
|
|
else
|
|
sCellValue = this.value;
|
|
|
|
sCellValue = sCellValue.replace(properties.sIDToken, data);
|
|
values[rel] = sCellValue;
|
|
}
|
|
});
|
|
|
|
//Add values from the form into the table
|
|
var rtn = oTable.fnAddData(values);
|
|
var oTRAdded = oTable.fnGetNodes(rtn);
|
|
//Apply editable plugin on the cells of the table
|
|
_fnApplyEditable(oTRAdded);
|
|
//add id returned by server page as an TR id attribute
|
|
properties.fnSetRowID($(oTRAdded), data);
|
|
//Close the dialog
|
|
oAddNewRowForm.dialog('close');
|
|
$(oAddNewRowForm)[0].reset();
|
|
$(".error", $(oAddNewRowForm)).html("");
|
|
|
|
_fnSetDisplayStart();
|
|
properties.fnOnAdded("success");
|
|
}
|
|
}
|
|
|
|
//Called when user cancels adding new record in the popup dialog
|
|
function _fnOnCancelRowAdding(event) {
|
|
//Clear the validation messages and reset form
|
|
$(oAddNewRowForm).validate().resetForm(); // Clears the validation errors
|
|
$(oAddNewRowForm)[0].reset();
|
|
|
|
$(".error", $(oAddNewRowForm)).html("");
|
|
$(".error", $(oAddNewRowForm)).hide(); // Hides the error element
|
|
|
|
//Close the dialog
|
|
oAddNewRowForm.dialog('close');
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
}
|
|
|
|
|
|
|
|
function _fnDisableDeleteButton() {
|
|
if (properties.oDeleteRowButtonOptions != null) {
|
|
//oDeleteRowButton.disable();
|
|
oDeleteRowButton.button("option", "disabled", true);
|
|
} else {
|
|
oDeleteRowButton.attr("disabled", "true");
|
|
}
|
|
}
|
|
|
|
function _fnEnableDeleteButton() {
|
|
if (properties.oDeleteRowButtonOptions != null) {
|
|
//oDeleteRowButton.enable();
|
|
oDeleteRowButton.button("option", "disabled", false);
|
|
} else {
|
|
oDeleteRowButton.removeAttr("disabled");
|
|
}
|
|
}
|
|
|
|
function _fnDeleteRow(id, sDeleteURL) {
|
|
var sURL = sDeleteURL;
|
|
if (sDeleteURL == null)
|
|
sURL = properties.sDeleteURL;
|
|
properties.fnStartProcessingMode();
|
|
var data = $.extend(properties.oDeleteParameters, { "id": id });
|
|
$.ajax({ 'url': sURL,
|
|
'type': properties.sDeleteHttpMethod,
|
|
'data': data,
|
|
"success": _fnOnRowDeleted,
|
|
"dataType": "text",
|
|
"error": function (response) {
|
|
properties.fnEndProcessingMode();
|
|
properties.fnShowError(response.responseText, "delete");
|
|
properties.fnOnDeleted("failure");
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
//Called when user deletes a row
|
|
function _fnOnRowDelete(event) {
|
|
iDisplayStart = _fnGetDisplayStart();
|
|
if ($('tr.' + properties.sSelectedRowClass + ' td', oTable).length == 0) {
|
|
//oDeleteRowButton.attr("disabled", "true");
|
|
_fnDisableDeleteButton();
|
|
return;
|
|
}
|
|
var id = fnGetCellID($('tr.' + properties.sSelectedRowClass + ' td', oTable)[0]);
|
|
if (properties.fnOnDeleting($('tr.' + properties.sSelectedRowClass, oTable), id, _fnDeleteRow)) {
|
|
_fnDeleteRow(id);
|
|
}
|
|
}
|
|
|
|
//Called when record is deleted on the server
|
|
function _fnOnRowDeleted(response) {
|
|
properties.fnEndProcessingMode();
|
|
var oTRSelected = $('tr.' + properties.sSelectedRowClass, oTable)[0];
|
|
if (response == "ok" || response == "") {
|
|
oTable.fnDeleteRow(oTRSelected);
|
|
//oDeleteRowButton.attr("disabled", "true");
|
|
_fnDisableDeleteButton();
|
|
_fnSetDisplayStart();
|
|
properties.fnOnDeleted("success");
|
|
}
|
|
else {
|
|
properties.fnShowError(response, "delete");
|
|
properties.fnOnDeleted("failure");
|
|
}
|
|
}
|
|
|
|
//Called before row is deleted
|
|
//Returning false will abort delete
|
|
/*
|
|
* Function called before row is deleted
|
|
* @param tr JQuery wrapped around the TR tag that will be deleted
|
|
* @param id id of the record that wil be deleted
|
|
* @return true if plugin should continue with deleting row, false will abort delete.
|
|
*/
|
|
function fnOnDeleting(tr, id, fnDeleteRow) {
|
|
return confirm("Are you sure that you want to delete this record?"); ;
|
|
}
|
|
|
|
/* Function called after delete action
|
|
* @param result string
|
|
* "success" if row is actually deleted
|
|
* "failure" if delete failed
|
|
* @return void
|
|
*/
|
|
function fnOnDeleted(result) { }
|
|
|
|
function fnOnEditing(input) { return true; }
|
|
function fnOnEdited(result, sOldValue, sNewValue, iRowIndex, iColumnIndex, iRealColumnIndex) {
|
|
|
|
}
|
|
|
|
function fnOnAdding() { return true; }
|
|
function fnOnAdded(result) { }
|
|
|
|
var oSettings;
|
|
function _fnGetDisplayStart() {
|
|
return oSettings._iDisplayStart;
|
|
}
|
|
|
|
function _fnSetDisplayStart() {
|
|
if (oSettings.oFeatures.bServerSide === false) {
|
|
oSettings._iDisplayStart = iDisplayStart;
|
|
oSettings.oApi._fnCalculateEnd(oSettings);
|
|
//draw the 'current' page
|
|
oSettings.oApi._fnDraw(oSettings);
|
|
}
|
|
}
|
|
|
|
|
|
oTable = this;
|
|
|
|
var defaults = {
|
|
|
|
sUpdateURL: "UpdateData",
|
|
sAddURL: "AddData",
|
|
sDeleteURL: "DeleteData",
|
|
sAddNewRowFormId: "formAddNewRow",
|
|
oAddNewRowFormOptions: { autoOpen: false, modal: true },
|
|
sAddNewRowButtonId: "btnAddNewRow",
|
|
oAddNewRowButtonOptions: null,
|
|
sAddNewRowOkButtonId: "btnAddNewRowOk",
|
|
sAddNewRowCancelButtonId: "btnAddNewRowCancel",
|
|
oAddNewRowOkButtonOptions: { label: "Ok" },
|
|
oAddNewRowCancelButtonOptions: { label: "Cancel" },
|
|
sDeleteRowButtonId: "btnDeleteRow",
|
|
oDeleteRowButtonOptions: null,
|
|
sSelectedRowClass: "row_selected",
|
|
sReadOnlyCellClass: "read_only",
|
|
sAddDeleteToolbarSelector: ".add_delete_toolbar",
|
|
fnShowError: fnShowError,
|
|
fnStartProcessingMode: fnStartProcessingMode,
|
|
fnEndProcessingMode: fnEndProcessingMode,
|
|
aoColumns: null,
|
|
fnOnDeleting: fnOnDeleting,
|
|
fnOnDeleted: fnOnDeleted,
|
|
fnOnAdding: fnOnAdding,
|
|
fnOnNewRowPosted: _fnOnNewRowPosted,
|
|
fnOnAdded: fnOnAdded,
|
|
fnOnEditing: fnOnEditing,
|
|
fnOnEdited: fnOnEdited,
|
|
sAddHttpMethod: 'POST',
|
|
sDeleteHttpMethod: 'POST',
|
|
fnGetRowID: _fnGetRowIDFromAttribute,
|
|
fnSetRowID: _fnSetRowIDInAttribute,
|
|
sEditorHeight: "100%",
|
|
sEditorWidth: "100%",
|
|
bDisableEditing: false,
|
|
oDeleteParameters: {},
|
|
sIDToken: "DATAROWID"
|
|
|
|
};
|
|
|
|
properties = $.extend(defaults, options);
|
|
oSettings = oTable.fnSettings();
|
|
|
|
return this.each(function () {
|
|
|
|
if (oTable.fnSettings().sAjaxSource != null) {
|
|
oTable.fnSettings().aoDrawCallback.push({
|
|
"fn": function () {
|
|
//Apply jEditable plugin on the table cells
|
|
_fnApplyEditable(oTable.fnGetNodes());
|
|
$(oTable.fnGetNodes()).each(function () {
|
|
var position = oTable.fnGetPosition(this);
|
|
var id = oTable.fnGetData(position)[0];
|
|
properties.fnSetRowID($(this), id);
|
|
}
|
|
);
|
|
},
|
|
"sName": "fnApplyEditable"
|
|
});
|
|
|
|
} else {
|
|
//Apply jEditable plugin on the table cells
|
|
_fnApplyEditable(oTable.fnGetNodes());
|
|
}
|
|
|
|
//Setup form to open in dialog
|
|
oAddNewRowForm = $("#" + properties.sAddNewRowFormId);
|
|
if (oAddNewRowForm.length != 0) {
|
|
if (properties.oAddNewRowFormOptions != null) {
|
|
properties.oAddNewRowFormOptions.autoOpen = false;
|
|
} else {
|
|
properties.oAddNewRowFormOptions = { autoOpen: false };
|
|
}
|
|
oAddNewRowForm.dialog(properties.oAddNewRowFormOptions);
|
|
|
|
//Add button click handler on the "Add new row" button
|
|
oAddNewRowButton = $("#" + properties.sAddNewRowButtonId);
|
|
if (oAddNewRowButton.length != 0) {
|
|
oAddNewRowButton.click(function () {
|
|
oAddNewRowForm.dialog('open');
|
|
});
|
|
} else {
|
|
if ($(properties.sAddDeleteToolbarSelector).length == 0) {
|
|
throw "Cannot find a button with an id '" + properties.sAddNewRowButtonId + "', od placeholder with an id '" + properties.sAddDeleteToolbarSelector + "' that should be used for adding new row although form for adding new record is specified";
|
|
} else {
|
|
oAddNewRowButton = null; //It will be auto-generated later
|
|
}
|
|
}
|
|
|
|
//Prevent Submit handler
|
|
if (oAddNewRowForm[0].nodeName.toLowerCase() == "form") {
|
|
oAddNewRowForm.unbind('submit');
|
|
oAddNewRowForm.submit(function (event) {
|
|
_fnOnRowAdding(event);
|
|
return false;
|
|
});
|
|
} else {
|
|
$("form", oAddNewRowForm[0]).unbind('submit');
|
|
$("form", oAddNewRowForm[0]).submit(function (event) {
|
|
_fnOnRowAdding(event);
|
|
return false;
|
|
});
|
|
}
|
|
|
|
// array to add default buttons to
|
|
var aAddNewRowFormButtons = [];
|
|
|
|
oConfirmRowAddingButton = $("#" + properties.sAddNewRowOkButtonId, oAddNewRowForm);
|
|
if (oConfirmRowAddingButton.length == 0) {
|
|
//If someone forgotten to set the button text
|
|
if (properties.oAddNewRowOkButtonOptions.text == null
|
|
|| properties.oAddNewRowOkButtonOptions.text == "") {
|
|
properties.oAddNewRowOkButtonOptions.text = "Ok";
|
|
}
|
|
properties.oAddNewRowOkButtonOptions.click = _fnOnRowAdding;
|
|
properties.oAddNewRowOkButtonOptions.id = properties.sAddNewRowOkButtonId;
|
|
// push the add button onto the array
|
|
aAddNewRowFormButtons.push(properties.oAddNewRowOkButtonOptions);
|
|
} else {
|
|
oConfirmRowAddingButton.click(_fnOnRowAdding);
|
|
}
|
|
|
|
oCancelRowAddingButton = $("#" + properties.sAddNewRowCancelButtonId);
|
|
if (oCancelRowAddingButton.length == 0) {
|
|
//If someone forgotten to the button text
|
|
if (properties.oAddNewRowCancelButtonOptions.text == null
|
|
|| properties.oAddNewRowCancelButtonOptions.text == "") {
|
|
properties.oAddNewRowCancelButtonOptions.text = "Cancel";
|
|
}
|
|
properties.oAddNewRowCancelButtonOptions.click = _fnOnCancelRowAdding;
|
|
properties.oAddNewRowCancelButtonOptions.id = properties.sAddNewRowCancelButtonId;
|
|
// push the cancel button onto the array
|
|
aAddNewRowFormButtons.push(properties.oAddNewRowCancelButtonOptions);
|
|
} else {
|
|
oCancelRowAddingButton.click(_fnOnCancelRowAdding);
|
|
}
|
|
// if the array contains elements, add them to the dialog
|
|
if (aAddNewRowFormButtons.length > 0) {
|
|
oAddNewRowForm.dialog('option', 'buttons', aAddNewRowFormButtons);
|
|
}
|
|
//Issue: It cannot find it with this call:
|
|
//oConfirmRowAddingButton = $("#" + properties.sAddNewRowOkButtonId, oAddNewRowForm);
|
|
//oCancelRowAddingButton = $("#" + properties.sAddNewRowCancelButtonId, oAddNewRowForm);
|
|
oConfirmRowAddingButton = $("#" + properties.sAddNewRowOkButtonId);
|
|
oCancelRowAddingButton = $("#" + properties.sAddNewRowCancelButtonId);
|
|
} else {
|
|
oAddNewRowForm = null;
|
|
}
|
|
|
|
//Set the click handler on the "Delete selected row" button
|
|
oDeleteRowButton = $('#' + properties.sDeleteRowButtonId);
|
|
if (oDeleteRowButton.length != 0)
|
|
oDeleteRowButton.click(_fnOnRowDelete);
|
|
else {
|
|
oDeleteRowButton = null;
|
|
}
|
|
|
|
//If an add and delete buttons does not exists but Add-delete toolbar is specificed
|
|
//Autogenerate these buttons
|
|
oAddDeleteToolbar = $(properties.sAddDeleteToolbarSelector);
|
|
if (oAddDeleteToolbar.length != 0) {
|
|
if (oAddNewRowButton == null && properties.sAddNewRowButtonId != ""
|
|
&& oAddNewRowForm != null) {
|
|
oAddDeleteToolbar.append("<button id='" + properties.sAddNewRowButtonId + "' class='add_row'>Add</button>");
|
|
oAddNewRowButton = $("#" + properties.sAddNewRowButtonId);
|
|
oAddNewRowButton.click(function () { oAddNewRowForm.dialog('open'); });
|
|
}
|
|
if (oDeleteRowButton == null && properties.sDeleteRowButtonId != "") {
|
|
oAddDeleteToolbar.append("<button id='" + properties.sDeleteRowButtonId + "' class='delete_row'>Delete</button>");
|
|
oDeleteRowButton = $("#" + properties.sDeleteRowButtonId);
|
|
oDeleteRowButton.click(_fnOnRowDelete);
|
|
}
|
|
}
|
|
|
|
//If delete button exists disable it until some row is selected
|
|
if (oDeleteRowButton != null) {
|
|
if (properties.oDeleteRowButtonOptions != null) {
|
|
oDeleteRowButton.button(properties.oDeleteRowButtonOptions);
|
|
}
|
|
_fnDisableDeleteButton();
|
|
}
|
|
|
|
//If add button exists convert it to the JQuery-ui button
|
|
if (oAddNewRowButton != null) {
|
|
if (properties.oAddNewRowButtonOptions != null) {
|
|
oAddNewRowButton.button(properties.oAddNewRowButtonOptions);
|
|
}
|
|
}
|
|
|
|
|
|
//If form ok button exists convert it to the JQuery-ui button
|
|
if (oConfirmRowAddingButton != null) {
|
|
if (properties.oAddNewRowOkButtonOptions != null) {
|
|
oConfirmRowAddingButton.button(properties.oAddNewRowOkButtonOptions);
|
|
}
|
|
}
|
|
|
|
//If form cancel button exists convert it to the JQuery-ui button
|
|
if (oCancelRowAddingButton != null) {
|
|
if (properties.oAddNewRowCancelButtonOptions != null) {
|
|
oCancelRowAddingButton.button(properties.oAddNewRowCancelButtonOptions);
|
|
}
|
|
}
|
|
|
|
//Add handler to the inline delete buttons
|
|
$(".table-action-deletelink", oTable).live("click", function (e) {
|
|
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
var sURL = $(this).attr("href");
|
|
|
|
if (sURL == null || sURL == "")
|
|
sURL = properties.sDeleteURL;
|
|
|
|
iDisplayStart = _fnGetDisplayStart();
|
|
var oTD = ($(this).parents('td'))[0];
|
|
var oTR = ($(this).parents('tr'))[0];
|
|
|
|
$(oTR).addClass(properties.sSelectedRowClass);
|
|
|
|
var id = fnGetCellID(oTD);
|
|
if (properties.fnOnDeleting(oTD, id, _fnDeleteRow)) {
|
|
_fnDeleteRow(id, sURL);
|
|
}
|
|
|
|
|
|
}
|
|
);
|
|
|
|
//Set selected class on row that is clicked
|
|
//Enable delete button if row is selected, disable delete button if selected class is removed
|
|
$("tbody", oTable).click(function (event) {
|
|
if ($(event.target.parentNode).hasClass(properties.sSelectedRowClass)) {
|
|
$(event.target.parentNode).removeClass(properties.sSelectedRowClass);
|
|
if (oDeleteRowButton != null) {
|
|
_fnDisableDeleteButton();
|
|
}
|
|
} else {
|
|
$(oTable.fnSettings().aoData).each(function () {
|
|
$(this.nTr).removeClass(properties.sSelectedRowClass);
|
|
});
|
|
$(event.target.parentNode).addClass(properties.sSelectedRowClass);
|
|
if (oDeleteRowButton != null) {
|
|
_fnEnableDeleteButton();
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
|
|
});
|
|
};
|
|
})(jQuery);
|