Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance. Project price only 1 $
You can buy this project and download/modify it how often you want.
var AnzsrcSelectionWidgetBuilder = function($, jaffa) {
var anzsrcSelectionClass = jaffa.widgets.baseWidget.extend({
field: null,
labelField: null,
oldField: null,
oldLabelField: null,
dropDownData: {},
dropDownDataMapped: null,
deleteWidget: function() {
jaffa.form.ignoreField(this.field);
if (this.labelField != null) {
jaffa.form.ignoreField(this.labelField);
}
this.getContainer().remove();
},
// Identity has been altered, adjust the DOM for all fields
domUpdate: function(from, to, depth) {
this._super(from, to, depth);
// Store, we'll need them to notify Jaffa later
this.oldField = this.field;
// Replace the portion of the ID that changed
this.field = this.oldField.domUpdate(from, to, depth);
// Update DOM but constrain searches to container, since there may
// be very temporary duplicate IDs as sort orders swap
var container = this.getContainer();
container.find("select[id=\"" + this.oldField + "\"]").attr("id", this.field);
// ... and don't forget the label
container.find("label[for=\"" + this.oldField + "\"]").attr("for", this.field);
// Tell Jaffa to ignore the field's this widget used to manage
jaffa.form.ignoreField(this.oldField);
// TODO: Testing
// Do it all again for labels if they are stored
if (this.labelField != null) {
this.oldLabelField = this.labelField;
this.labelField = this.oldLabelField.domUpdate(from, to, depth);
container.find("input[id=\"" + this.oldLabelField + "\"]").attr("id", this.labelField);
jaffa.form.ignoreField(this.oldLabelField);
}
},
// Notify Jaffa that field <=> widget relations need to be updated
// This is called separately from above to avoid duplicate IDs that
// may occur whilst DOM alterations are occuring
jaffaUpdate: function() {
// Only synch if an update has effected this widget
if (this.oldField != null || this.oldLabelField != null) {
this._super();
}
if (this.oldField != null) {
jaffa.form.addField(this.field, this.id());
this.oldField = null;
}
if (this.oldLabelField != null) {
jaffa.form.addField(this.labelField, this.id());
this.oldLabelField = null;
}
// TODO: Validation alterations
},
// Whereas init() is the constructor, this method is called after Jaffa
// knows about us and needs us to build UI elements and modify the form.
buildUi: function() {
var ui = this.getContainer();
ui.html("");
// Field
this.field = this.getConfig("field");
if (this.field == null) {
// TODO: Testing
jaffa.logError("No field name provided for widget '" + this.id() + "'. This is mandatory!");
return;
}
// Label
var label = this.getConfig("label");
if (label != null) {
ui.append("");
}
var selectionFunction = this.getConfig("function");
// Control
if (selectionFunction != null){
var select = $("");
}
else {
var select = $("");
}
this.dropDownData = this.getJsonData() || this.getConfig("option-data");
var defaultValue = this.getConfig("default-value");
var allowEmpty = this.getConfig("allow-empty");
if (allowEmpty != false) {
allowEmpty = true;
}
var emptyText = this.getConfig("empty-text") || "Please select one...";
if (allowEmpty) {
select.append($(""));
}
var dataIdKey = this.getConfig("data-id-key");
var dataLabelKey = this.getConfig("data-label-key");
var dataListKey = this.getConfig("data-list-key");
if (dataListKey != null){
this.dropDownData = this.dropDownData[dataListKey];
}
var len = this.dropDownData.length;
if ((dataListKey != null) && (dataIdKey != null) && (dataLabelKey != null)){
for (var i = 0; i < len; i++) {
if (defaultValue == this.dropDownData[i][dataIdKey]) {
select.append($(""));
} else {
select.append($(""));
}
}
}
else{
for (var i = 0; i < len; i++) {
if (defaultValue == this.dropDownData[i].value) {
select.append($(""));
} else {
select.append($(""));
}
}
}
ui.append(select);
jaffa.form.addField(this.field, this.id());
// Have we been asked to store the label?
this.labelField = this.getConfig("label-field");
if (this.labelField != null) {
ui.append("");
jaffa.form.addField(this.labelField, this.id());
}
// Add help content
//this._super();
// Activating a change trigger will synch
// all fields and the managed data
select.trigger("change");
// Add some validation
var mandatory = this.getConfig("mandatory");
var mandatoryOnSave = this.getConfig("mandatory-on-save");
if (mandatory === true || mandatoryOnSave === true) {
// Error message creation
var validationText = this.getConfig("validation-text") || "This field is mandatory";
var validationMessage = $("
" + validationText + "
");
ui.append(validationMessage);
// Error message toggling
validationMessage.hide();
function invalid(fieldId, testsFailed) {
ui.addClass("error");
validationMessage.show();
}
function valid(fieldId, testsPassed) {
ui.removeClass("error");
validationMessage.hide();
}
// Notify Jaffa about what we want
if (mandatory === true) {
jaffa.valid.setSubmitRules(this.field, ["required"], valid, invalid);
}
if (mandatoryOnSave === true) {
jaffa.valid.setSaveRules(this.field, ["required"], valid, invalid);
}
}
// Add our custom classes
this.applyBranding(ui);
},
// If any of the fields we told Jaffa we manage
// are changed it will call this.
change: function(fieldName, isValid) {
// To avoid double handling, just pay attention to the actual value field
if (fieldName == this.field) {
// Update our label field if we have one
if (this.labelField != null) {
var label = jaffa.form.field(fieldName).find(":selected").text();
jaffa.form.value(this.labelField, label);
}
// Complex relations, we want to look like a jQuery automcomplete
// to leverage the same methods on the base widget
var lookupParser = this.getConfig("lookup-parser");
if (lookupParser != null) {
// Because we have a static data source, we only need to map once
if (this.dropDownDataMapped == null) {
var thisWidget = this;
function mapWrap(item) {
return thisWidget.perItemMapping(item);
}
this.dropDownDataMapped = $.map(this.dropDownData, mapWrap);
}
// Find our currently selected item and 'select' it
var len = this.dropDownDataMapped.length;
for (var i = 0; i < len; i++) {
var value = this.dropDownDataMapped[i].value;
if (value == jaffa.form.value(fieldName)) {
// A fake UI element the handler is expecting
var ui = {item: this.dropDownDataMapped[i]};
this.onSelectItemHandling(null, ui);
}
}
}
}
},
// Constructor... any user provided config and the
// jQuery container this was called against.
init: function(config, container) {
this._super(config, container);
}
});
// *****************************************
// Let Jaffa know how things hang together. 'jaffaDropDown' is how the
// developer can create a widget, eg: $("#id").jaffaDropDown();
// And the class links to the above variable that is a valid widget
// implementation, extending the Jaffa bas widget.
jaffa.widgets.registerWidget("jaffaAnzsrcSelection", anzsrcSelectionClass);
}
$.requestWidgetLoad(AnzsrcSelectionWidgetBuilder);
