private static void SetUpDatePicker(TimeSheetViewModel vm)
{
jQueryObject element = jQuery.Select("#datepicker");
string dateFormat = "dd/MM/yy";
if (OrganizationServiceProxy.UserSettings != null)
{
dateFormat = OrganizationServiceProxy.UserSettings.DateFormatString;
}
DatePickerOptions2 options2 = new DatePickerOptions2();
options2.NumberOfMonths = 3;
options2.FirstDay = OrganizationServiceProxy.OrganizationSettings.WeekStartDayCode.Value.Value;
options2.DateFormat = dateFormat.Replace("MM", "mm").Replace("yyyy", "yy").Replace("M", "m");
// Wire up onSelect event
options2.OnSelect = delegate(string dateText, object instance)
{
// Commit any of the current edits
EditController controller = sessionsGrid.GetEditController();
bool editCommited = controller.commitCurrentEdit();
if (editCommited)
{
DateTime date = (DateTime)element.Plugin <DatePickerObject>().DatePicker(DatePickerMethod.GetDate);
vm.Days.SetCurrentWeek(date);
}
};
element.Plugin <DatePickerPlugIn>().DatePicker(options2);
}
public XrmDateEditor(EditorArguments args) : base(args)
{
XrmDateEditor self = this;
_container = jQuery.FromHtml("<div ><table class='inline-edit-container' cellspacing='0' cellpadding='0'><tr>" +
"<td><INPUT type=text class='sparkle-input-inline' /></td>" +
"<td class='lookup-button-td'><input type=button class='sparkle-imagestrip-inlineedit_calendar_icon' /></td></tr></table></div>");
_container.AppendTo(_args.Container);
_input = _container.Find(".sparkle-input-inline");
_input.Bind("keydown.nav", delegate(jQueryEvent e)
{
if (!_calendarOpen && (e.Which == 38 || e.Which == 40) && e.CtrlKey) // Ctrl-Up/Down shows date picker
{
_input.Plugin <DatePickerPlugIn>().DatePicker(DatePickerMethod2.Show);
e.StopImmediatePropagation();
}
else if (_calendarOpen && e.Which == 13)
{
e.PreventDefault();
}
});
jQueryObject selectButton = _container.Find(".sparkle-imagestrip-inlineedit_calendar_icon");
_input.Focus().Select();
DatePickerOptions2 options2 = new DatePickerOptions2();
options2.ShowOtherMonths = true;
options2.ShowOn = ""; // Date Pickers in CRM do not show when they are focused - you click the button
options2.FirstDay = OrganizationServiceProxy.OrganizationSettings != null ? OrganizationServiceProxy.OrganizationSettings.WeekStartDayCode.Value.Value : 0;
options2.BeforeShow = delegate()
{
this._calendarOpen = true;
};
options2.OnClose = delegate()
{
this._calendarOpen = false;
_selectedValue = GetSelectedValue();
};
options2.OnSelect = delegate(string dateString, object instance)
{
// Select the date text field when selecting a date
Focus();
};
if (OrganizationServiceProxy.UserSettings != null)
{
_dateFormat = OrganizationServiceProxy.UserSettings.DateFormatString;
}
options2.DateFormat = _dateFormat;
_input.Plugin <DatePickerPlugIn>().DatePicker(options2);
// Wire up the date picker button
selectButton.Click(delegate(jQueryEvent e){
_input.Plugin <DatePickerPlugIn>().DatePicker(DatePickerMethod2.Show);
Focus();
});
}
public override void Destroy()
{
((jQueryObject)Script.Literal("$.datepicker.dpDiv")).Stop(true, true);
_input.Plugin <DatePickerPlugIn>().DatePicker(DatePickerMethod2.Hide);
_input.Plugin <DatePickerPlugIn>().DatePicker(DatePickerMethod2.Destroy);
_container.Remove();
}
public XrmTimeEditor(EditorArguments args) : base(args)
{
if (OrganizationServiceProxy.UserSettings != null)
{
_formatString = OrganizationServiceProxy.UserSettings.TimeFormatString;
}
_container = jQuery.FromHtml("<div ><table class='inline-edit-container' cellspacing='0' cellpadding='0'><tr><td><INPUT type=text class='sparkle-input-inline' /></td><td class='lookup-button-td'><input type=button class='autocompleteButton' /></td></tr></table></div>");
_container.AppendTo(_args.Container);
jQueryObject inputField = _container.Find(".sparkle-input-inline");
_input = inputField;
_input.Focus().Select();
string timeFormatString = _formatString;
AutoCompleteOptions options = GetTimePickerAutoCompleteOptions(timeFormatString);
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
// Note we assume that the binding has added an array of string items
//string value = ((Dictionary)uiEvent.Item)["value"].ToString();
};
inputField = inputField.Plugin <AutoCompleteObject>().AutoComplete(options);
jQueryObject selectButton = _container.Find(".autocompleteButton");
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
inputField.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Search, "");
});
}
public override void Destroy()
{
((jQueryObject)Script.Literal("$.datepicker.dpDiv")).Stop(true, true);
_input.Plugin <DatePickerPlugIn>().DatePicker(DatePickerMethod2.Hide);
_input.Plugin <DatePickerPlugIn>().DatePicker(DatePickerMethod2.Destroy);
Hide(); // Ensure the calendar is hidden when ending an edit
_container.Remove();
}
public override void Destroy()
{
_input.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Close);
_input.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Destroy);
_container.Remove();
_autoComplete.Remove();
_autoComplete = null;
}
public override void Init(System.Html.Element element, Func <object> valueAccessor, Func <System.Collections.Dictionary> allBindingsAccessor, object viewModel, object context)
{
string formatString = GetFormatString();
jQueryObject container = jQuery.FromElement(element);
jQueryObject inputField = container.Find(".sparkle-input-timeofday-part");
jQueryObject selectButton = container.Find(".sparkle-input-timeofday-button-part");
AutoCompleteOptions options = XrmTimeEditor.GetTimePickerAutoCompleteOptions(formatString);
options.Position = new Dictionary <string, object>("collision", "fit");
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
// Note we assume that the binding has added an array of string items
string value = ((Dictionary)uiEvent.Item)["value"].ToString();
TrySetObservable(valueAccessor, inputField, value);
};
inputField = inputField.Plugin <AutoCompleteObject>().AutoComplete(options);
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
inputField.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Search, ""); // Give "" to show all items
});
//// Set initial value
//Observable<DateTime> dateValueAccessor = (Observable<DateTime>)valueAccessor();
//DateTime intialValue = dateValueAccessor.GetValue();
//FormatterUpdate(inputField, intialValue);
//handle the field changing
KnockoutUtils.RegisterEventHandler(inputField.GetElement(0), "change", delegate(object sender, EventArgs e)
{
string value = inputField.GetValue();
TrySetObservable(valueAccessor, inputField, value);
});
Action disposeCallBack = delegate()
{
Script.Literal("$({0}).autocomplete(\"destroy\")", element);
};
//handle disposal (if KO removes by the template binding)
Script.Literal("ko.utils.domNodeDisposal.addDisposeCallback({0}, {1})", element, (object)disposeCallBack);
// Note: Because the time picker is always part of the date picker - we don't need to display validation messages
//Knockout.BindingHandlers["validationCore"].Init(element, valueAccessor, allBindingsAccessor, null, null);
}
private static jQueryObject ShowLoadingIndicator(jQueryObject loadingIndicator, string gridContainerDivId)
{
jQueryObject g = jQuery.Select("#" + gridContainerDivId);
jQueryObject vp = jQuery.Select("#" + gridContainerDivId + " > .slick-viewport");
loadingIndicator = g;
jQueryBlockUIOptions blockOpts = new jQueryBlockUIOptions();
blockOpts.ShowOverlay = false;
blockOpts.IgnoreIfBlocked = true;
BlockUICSS css = new BlockUICSS();
css.border = "0px";
css.backgroundColor = "transparent";
//css.width = "100px";
//css.height = "100px";
OverlayCSS overlayCss = new OverlayCSS();
overlayCss.Opacity = "0";
//blockOpts.OverlayCSS = overlayCss;
blockOpts.Css = css;
blockOpts.Message = "<span class='loading-indicator'><label>Loading...</label></span>";
loadingIndicator.Plugin <jQueryBlockUI>().Block(blockOpts);
return(loadingIndicator);
}
public XrmDateEditor(EditorArguments args)
: base(args)
{
XrmDateEditor self = this;
_container = jQuery.FromHtml("<div ><table class='inline-edit-container' cellspacing='0' cellpadding='0'><tr>" +
"<td><INPUT type=text class='sparkle-input-inline' /></td>" +
"<td class='lookup-button-td'><input type=button class='sparkle-imagestrip-inlineedit_calendar_icon' /></td></tr></table></div>");
_container.AppendTo(_args.Container);
_input = _container.Find(".sparkle-input-inline");
_input.Bind("keydown.nav", delegate(jQueryEvent e)
{
if (!_calendarOpen && (e.Which == 38 || e.Which == 40) && e.CtrlKey) // Ctrl-Up/Down shows date picker
{
_input.Plugin<DatePickerPlugIn>().DatePicker(DatePickerMethod2.Show);
e.StopImmediatePropagation();
}
else if (_calendarOpen && e.Which == 13)
{
e.PreventDefault();
}
});
jQueryObject selectButton = _container.Find(".sparkle-imagestrip-inlineedit_calendar_icon");
_input.Focus().Select();
DatePickerOptions2 options2 = new DatePickerOptions2();
options2.ShowOtherMonths = true;
options2.ShowOn = ""; // Date Pickers in CRM do not show when they are focused - you click the button
options2.FirstDay = OrganizationServiceProxy.OrganizationSettings != null ? OrganizationServiceProxy.OrganizationSettings.WeekStartDayCode.Value.Value : 0;
options2.BeforeShow = delegate()
{
this._calendarOpen = true;
};
options2.OnClose = delegate()
{
this._calendarOpen = false;
_selectedValue = GetSelectedValue();
};
options2.OnSelect = delegate(string dateString, object instance)
{
// Select the date text field when selecting a date
Focus();
};
if (OrganizationServiceProxy.UserSettings != null)
{
_dateFormat = OrganizationServiceProxy.UserSettings.DateFormatString;
}
options2.DateFormat = _dateFormat;
_input.Plugin<DatePickerPlugIn>().DatePicker(options2);
// Wire up the date picker button
selectButton.Click(delegate(jQueryEvent e){
_input.Plugin<DatePickerPlugIn>().DatePicker(DatePickerMethod2.Show);
Focus();
});
}
public XrmDateEditor(EditorArguments args)
: base(args)
{
_container = jQuery.FromHtml("<div ><table class='inline-edit-container' cellspacing='0' cellpadding='0'><tr>" +
"<td><INPUT type=text class='sparkle-input-inline' /></td>" +
"<td class='lookup-button-td'><input type=button class='sparkle-imagestrip-inlineedit_calendar_icon' /></td></tr></table></div>");
_container.AppendTo(_args.Container);
_input = _container.Find(".sparkle-input-inline");
jQueryObject selectButton = _container.Find(".sparkle-imagestrip-inlineedit_calendar_icon");
_input.Focus().Select();
DatePickerOptions2 options2 = new DatePickerOptions2();
options2.ShowOtherMonths = true;
options2.FirstDay = OrganizationServiceProxy.OrganizationSettings != null ? OrganizationServiceProxy.OrganizationSettings.WeekStartDayCode.Value.Value : 0;
options2.BeforeShow = delegate()
{
this._calendarOpen = true;
};
options2.OnClose = delegate()
{
this._calendarOpen = false;
_selectedValue = GetSelectedValue();
};
if (OrganizationServiceProxy.UserSettings != null)
{
_dateFormat = OrganizationServiceProxy.UserSettings.DateFormatString;
}
options2.DateFormat = _dateFormat;
_input.Plugin<DatePickerPlugIn>().DatePicker(options2);
// Wire up the date picker button
selectButton.Click(delegate(jQueryEvent e){
_input.Plugin<DatePickerPlugIn>().DatePicker(DatePickerMethod2.Show);
});
//_input.Width(_input.GetWidth() - 24);
}
public override void Init(System.Html.Element element, Func <object> valueAccessor, Func <System.Collections.Dictionary> allBindingsAccessor, object viewModel, object context)
{
jQueryObject container = jQuery.FromElement(element);
jQueryObject inputField = container.Find(".sparkle-input-duration-part");
jQueryObject selectButton = container.Find(".sparkle-input-duration-button-part");
AutoCompleteOptions options = new AutoCompleteOptions();
options.Position = new Dictionary <string, object>("collision", "fit");
options.Source = new string[] { "1 m", "2 m", "1 h", "2 h", "1 d" };
options.Delay = 0;
options.MinLength = 0;
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
// Note we assume that the binding has added an array of string items
string value = ((Dictionary)uiEvent.Item)["value"].ToString();
TrySetObservable(valueAccessor, inputField, value);
};
inputField = inputField.Plugin <AutoCompleteObject>().AutoComplete(options);
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
inputField.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Search, "");// Give "" to show all items
});
//handle the field changing
KnockoutUtils.RegisterEventHandler(element, "change", delegate(object sender, EventArgs e)
{
string value = inputField.GetValue();
TrySetObservable(valueAccessor, inputField, value);
});
Action disposeCallBack = delegate()
{
Script.Literal("$({0}).autocomplete(\"destroy\")", element);
};
//handle disposal (if KO removes by the template binding)
Script.Literal("ko.utils.domNodeDisposal.addDisposeCallback({0}, {1})", element, (object)disposeCallBack);
//Knockout.BindingHandlers["validationCore"].Init(element, valueAccessor, allBindingsAccessor, null, null);
}
public XrmDateEditor(EditorArguments args) : base(args)
{
_container = jQuery.FromHtml("<div ><table class='inline-edit-container' cellspacing='0' cellpadding='0'><tr>" +
"<td><INPUT type=text class='sparkle-input-inline' /></td>" +
"<td class='lookup-button-td'><input type=button class='sparkle-imagestrip-inlineedit_calendar_icon' /></td></tr></table></div>");
_container.AppendTo(_args.Container);
_input = _container.Find(".sparkle-input-inline");
jQueryObject selectButton = _container.Find(".sparkle-imagestrip-inlineedit_calendar_icon");
_input.Focus().Select();
DatePickerOptions options = new DatePickerOptions();
DatePickerOptions2 options2 = (DatePickerOptions2)(object)options;
options2.BeforeShow = delegate()
{
this._calendarOpen = true;
};
options2.OnClose = delegate()
{
this._calendarOpen = false;
_selectedValue = GetSelectedValue();
};
if (OrganizationServiceProxy.UserSettings != null)
{
_dateFormat = OrganizationServiceProxy.UserSettings.DateFormatString;
}
options.DateFormat = _dateFormat;
_input.Plugin <DatePickerObject>().DatePicker(options);
// Wire up the date picker button
selectButton.Click(delegate(jQueryEvent e){
_input.Plugin <DatePickerPlugIn>().DatePicker(DatePickerMethod2.Show);
});
//_input.Width(_input.GetWidth() - 24);
}
public override void Update(System.Html.Element element, Func <object> valueAccessor, Func <System.Collections.Dictionary> allBindingsAccessor, object viewModel, object context)
{
jQueryObject container = jQuery.FromElement(element);
jQueryObject dateTime = container.Find(".sparkle-input-datepicker-part");
object value = KnockoutUtils.UnwrapObservable(valueAccessor());
if ((string)Script.Literal("typeof({0})", value) == "string")
{
value = Date.Parse((string)value);
}
dateTime.Plugin <DatePickerObject>().DatePicker(DatePickerMethod.SetDate, value);
}
public override void Init(System.Html.Element element, Func <object> valueAccessor, Func <System.Collections.Dictionary> allBindingsAccessor, object viewModel, object context)
{
jQueryObject inputField = jQuery.FromElement(element);
AutoCompleteOptions options = (AutoCompleteOptions)((object)allBindingsAccessor()["autocompleteOptions"]);
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
// Note we assume that the binding has added an array of string items
string value = ((Dictionary)uiEvent.Item)["value"].ToString();
TrySetObservable(valueAccessor, inputField, value);
};
inputField = inputField.Plugin <AutoCompleteObject>().AutoComplete(options);
jQueryObject selectButton = inputField.Siblings(".timeSelectButton");
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
inputField.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Search);
});
//handle the field changing
KnockoutUtils.RegisterEventHandler(element, "change", delegate(object sender, EventArgs e)
{
string value = inputField.GetValue();
TrySetObservable(valueAccessor, inputField, value);
});
Action disposeCallBack = delegate()
{
Script.Literal("$({0}).autocomplete(\"destroy\")", element);
};
//handle disposal (if KO removes by the template binding)
Script.Literal("ko.utils.domNodeDisposal.addDisposeCallback({0}, {1})", element, (object)disposeCallBack);
Knockout.BindingHandlers["validationCore"].Init(element, valueAccessor, allBindingsAccessor, null, null);
}
static PhotoGridPage()
{
jQuery.OnDocumentReady(delegate() {
string apiKey = (string)jQuery.FromElement(Document.Body).GetDataValue("flickrKey");
IPhotoService flickrService = new FlickrPhotoService();
jQuery.Select("#searchButton").Click(delegate(jQueryEvent e) {
string tags = jQuery.Select("#tagsTextBox").GetValue();
flickrService.SearchPhotos(tags, 20).Done(
delegate(IEnumerable <Photo> photos) {
jQueryObject thumbnailList = jQuery.Select("#thumbsList");
thumbnailList.Empty();
if (photos == null)
{
return;
}
jQuery.Select("#thumbnailTemplate").Plugin <jQueryTemplateObject>().
RenderTemplate(photos).
AppendTo(thumbnailList);
thumbnailList.
Plugin <jQueryIsotopeObject>().Isotope(new IsotopeOptions("layoutMode", IsotopeLayout.Masonry)).
Find("a").
Plugin <jQueryLightBoxObject>().LightBox();
thumbnailList.Find("li").
MouseOver(delegate(jQueryEvent e2) {
jQuery.This.CSS("box-shadow", "0 0 15px #888");
}).
MouseOut(delegate(jQueryEvent e2) {
jQuery.This.CSS("box-shadow", "");
});
});
jQuery.FromElement(Document.Body).Focus();
e.PreventDefault();
});
});
}
// image preview function, demonstrating the ui.dialog used as a modal window
static void ViewLargerImage(jQueryObject link)
{
string src = link.GetAttribute("href");
string title = link.Siblings("img").GetAttribute("alt");
jQueryObject modal = jQuery.Select("img[src$='" + src + "']");
if (modal.Length > 0)
{
modal.Plugin <DialogObject>()
.Dialog(DialogMethod.Open);
}
else
{
jQueryObject img
= jQuery.FromHtml("<img alt='" + title + "' width='384' height='288' style='display: none; padding: 8px;' />")
.Attribute("src", src).AppendTo("body");
img.Plugin <DialogObject>()
.Dialog(new DialogOptions(DialogOption.Title, title,
DialogOption.Width, 400,
DialogOption.Modal, true
));
}
}
public XrmLookupEditor(EditorArguments args) : base(args)
{
_args = args;
_container = jQuery.FromHtml("<div ><table class='inline-edit-container' cellspacing='0' cellpadding='0'><tr><td><INPUT type=text class='sparkle-input-inline' /></td><td class='lookup-button-td'><input type=button class='sparkle-lookup-button' /></td></tr></table></div>");
_container.AppendTo(_args.Container);
jQueryObject inputField = _container.Find(".sparkle-input-inline");
jQueryObject selectButton = _container.Find(".sparkle-lookup-button");
_input = inputField;
_input.Focus().Select();
_autoComplete = inputField.Plugin <AutoCompleteObject>();
AutoCompleteOptions options = new AutoCompleteOptions();
options.MinLength = 100000;
options.Delay = 0; // TODO- set to something that makes sense
bool justSelected = false;
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
if (_value == null)
{
_value = new EntityReference(null, null, null);
}
// Note we assume that the binding has added an array of string items
AutoCompleteItem item = (AutoCompleteItem)uiEvent.Item;
string value = item.Label;
_input.Value(value);
_value.Id = ((EntityReference)item.Value).Id;
_value.Name = ((EntityReference)item.Value).Name;
_value.LogicalName = ((EntityReference)item.Value).LogicalName;
justSelected = true;
Script.Literal("return false;");
};
//
options.Focus = delegate(jQueryEvent e, AutoCompleteFocusEvent uiEvent)
{
// Prevent the value being updated in the text box we scroll through the results
Script.Literal("return false;");
};
XrmLookupEditorOptions editorOptions = (XrmLookupEditorOptions)args.Column.Options;
// wire up source to CRM search
Action <AutoCompleteRequest, Action <AutoCompleteItem[]> > queryDelegate = delegate(AutoCompleteRequest request, Action <AutoCompleteItem[]> response)
{
// Get the option set values
editorOptions.queryCommand(request.Term, delegate(EntityCollection fetchResult)
{
AutoCompleteItem[] results = new AutoCompleteItem[fetchResult.Entities.Count];
for (int i = 0; i < fetchResult.Entities.Count; i++)
{
results[i] = new AutoCompleteItem();
results[i].Label = (string)fetchResult.Entities[i].GetAttributeValue(editorOptions.nameAttribute);
EntityReference id = new EntityReference(null, null, null);
id.Name = results[i].Label;
id.LogicalName = fetchResult.Entities[i].LogicalName;
id.Id = (Guid)fetchResult.Entities[i].GetAttributeValue(editorOptions.idAttribute);
results[i].Value = id;
string typeCodeName = fetchResult.Entities[i].LogicalName;
// Get the type code from the name to find the icon
if (!string.IsNullOrEmpty(editorOptions.typeCodeAttribute))
{
typeCodeName = fetchResult.Entities[i].GetAttributeValue(editorOptions.typeCodeAttribute).ToString();
}
results[i].Image = MetadataCache.GetSmallIconUrl(typeCodeName);
}
response(results);
// Disable it now so typing doesn't trigger a search
AutoCompleteOptions disableOption = new AutoCompleteOptions();
disableOption.MinLength = 100000;
_autoComplete.AutoComplete(disableOption);
});
};
options.Source = queryDelegate;
inputField = _autoComplete.AutoComplete(options);
((RenderItemDelegate)Script.Literal("{0}.data('ui-autocomplete')", inputField))._renderItem = delegate(object ul, AutoCompleteItem item)
{
return((object)jQuery.Select("<li>").Append("<a class='sparkle-menu-item'><span class='sparkle-menu-item-img'><img src='" + item.Image + "'/></span><span class='sparkle-menu-item-label'>" + item.Label + "</span></a>").AppendTo((jQueryObject)ul));
};
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
AutoCompleteOptions enableOption = new AutoCompleteOptions();
enableOption.MinLength = 0;
_autoComplete.AutoComplete(enableOption);
_autoComplete.AutoComplete(AutoCompleteMethod.Search, inputField.GetValue());
});
// Bind return to searching
_input.Keydown(delegate(jQueryEvent e)
{
if (e.Which == 13 && !justSelected) // Return pressed - but we want to do a search not move to the next cell
{
if (inputField.GetValue().Length > 0)
{
selectButton.Click();
}
else
{
// Set value to null
_value = null;
return;
}
}
else if (e.Which == 13)
{
return;
}
switch (e.Which)
{
case 13: // Return
case 38: // Up - don't navigate - but use the dropdown to select search results
case 40: // Down - don't navigate - but use the dropdown to select search results
e.PreventDefault();
e.StopPropagation();
break;
}
justSelected = false;
});
}
public override void Init(System.Html.Element element, Func <object> valueAccessor, Func <System.Collections.Dictionary> allBindingsAccessor, object viewModel, object context)
{
XrmLookupEditorButton footerButton = (XrmLookupEditorButton)allBindingsAccessor()["footerButton"];
bool showFooter = (bool)allBindingsAccessor()["showFooter"];
jQueryObject container = jQuery.FromElement(element);
jQueryObject inputField = container.Find(".sparkle-input-lookup-part");
jQueryObject selectButton = container.Find(".sparkle-input-lookup-button-part");
EntityReference _value = new EntityReference(null, null, null);
AutoCompleteOptions options = new AutoCompleteOptions();
options.MinLength = 100000; // Don't enable type down - use search button (or return)
options.Delay = 0;
options.Position = new Dictionary <string, object>("collision", "fit");
bool justSelected = false;
int totalRecordsReturned = 0;
Action <AutoCompleteItem, bool> setValue = delegate(AutoCompleteItem item, bool setFocus)
{
if (_value == null)
{
_value = new EntityReference(null, null, null);
}
string value = item.Label;
inputField.Value(value);
_value.Id = ((Guid)item.Value);
_value.Name = item.Label;
_value.LogicalName = (string)item.Data;
justSelected = true;
TrySetObservable(valueAccessor, inputField, _value, setFocus);
};
// Set the value when selected
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
// Note we assume that the binding has added an array of string items
AutoCompleteItem item = (AutoCompleteItem)uiEvent.Item;
string data = ((string)item.Data);
if (data == "footerlink" || data == null)
{
footerButton.OnClick(item);
e.PreventDefault();
e.StopImmediatePropagation();
Script.Literal("return false;");
}
else
{
setValue(item, true);
Script.Literal("return false;");
}
};
options.Open = delegate(jQueryEvent e, jQueryObject o)
{
if (showFooter && totalRecordsReturned > 0)
{
WidgetObject menu = (WidgetObject)Script.Literal("{0}.autocomplete({1})", inputField, "widget");
XrmLookupEditor.AddFooter(menu, totalRecordsReturned);
}
};
options.Close = delegate(jQueryEvent e, jQueryObject o)
{
WidgetObject menu = (WidgetObject)Script.Literal("{0}.autocomplete({1})", inputField, "widget");
jQueryObject footer = menu.Next();
if (footer.Length > 0 || footer.HasClass("sparkle-menu-footer"))
{
footer.Hide();
}
};
// Get the query command
Action <string, Action <EntityCollection> > queryCommand = (Action <string, Action <EntityCollection> >)((object)allBindingsAccessor()["queryCommand"]);
string nameAttribute = ((string)allBindingsAccessor()["nameAttribute"]);
string idAttribute = ((string)allBindingsAccessor()["idAttribute"]);
string typeCodeAttribute = ((string)allBindingsAccessor()["typeCodeAttribute"]);
string[] columnAttributes = null;
// If there multiple names, add them to the columnAttributes
string[] columns = nameAttribute.Split(",");
if (columns.Length > 1)
{
columnAttributes = columns;
nameAttribute = columnAttributes[0];
}
// wire up source to CRM search
Action <AutoCompleteRequest, Action <AutoCompleteItem[]> > queryDelegate = delegate(AutoCompleteRequest request, Action <AutoCompleteItem[]> response)
{
Action <EntityCollection> queryCallBack = delegate(EntityCollection fetchResult)
{
int recordsFound = fetchResult.Entities.Count;
bool noRecordsFound = recordsFound == 0;
AutoCompleteItem[] results = new AutoCompleteItem[recordsFound + (footerButton != null ? 1 : 0) + (noRecordsFound ? 1 : 0)];
for (int i = 0; i < recordsFound; i++)
{
results[i] = new AutoCompleteItem();
results[i].Label = (string)fetchResult.Entities[i].GetAttributeValue(nameAttribute);
results[i].Value = fetchResult.Entities[i].GetAttributeValue(idAttribute);
results[i].Data = fetchResult.Entities[i].LogicalName;
GetExtraColumns(columnAttributes, fetchResult, results, i);
string typeCodeName = fetchResult.Entities[i].LogicalName;
// Get the type code from the name to find the icon
if (!string.IsNullOrEmpty(typeCodeAttribute))
{
typeCodeName = fetchResult.Entities[i].GetAttributeValue(typeCodeAttribute).ToString();
}
results[i].Image = MetadataCache.GetSmallIconUrl(typeCodeName);
}
if (fetchResult.TotalRecordCount > fetchResult.Entities.Count)
{
totalRecordsReturned = fetchResult.TotalRecordCount;
}
else
{
totalRecordsReturned = fetchResult.Entities.Count;
}
int itemsCount = recordsFound;
if (noRecordsFound)
{
AutoCompleteItem noRecordsItem = new AutoCompleteItem();
noRecordsItem.Label = SparkleResourceStrings.NoRecordsFound;
results[itemsCount] = noRecordsItem;
itemsCount++;
}
if (footerButton != null)
{
// Add the add new
AutoCompleteItem addNewLink = new AutoCompleteItem();
addNewLink.Label = footerButton.Label;
addNewLink.Image = footerButton.Image;
addNewLink.ColumnValues = null;
addNewLink.Data = "footerlink";
results[itemsCount] = addNewLink;
}
response(results);
// Disable it now so typing doesn't trigger a search
AutoCompleteOptions disableOption = new AutoCompleteOptions();
disableOption.MinLength = 100000;
inputField.Plugin <AutoCompleteObject>().AutoComplete(disableOption);
};
// Call the function with the correct 'this' context
Script.Literal("{0}.call({1}.$parent,{2},{3})", queryCommand, context, request.Term, queryCallBack);
};
options.Source = queryDelegate;
options.Focus = delegate(jQueryEvent e, AutoCompleteFocusEvent uiEvent)
{
// Prevent the value being updated in the text box we scroll through the results
Script.Literal("return false;");
};
inputField = inputField.Plugin <AutoCompleteObject>().AutoComplete(options);
// Set render template
((RenderItemDelegate)Script.Literal("{0}.data('ui-autocomplete')", inputField))._renderItem = delegate(object ul, AutoCompleteItem item)
{
if (item.Data == null)
{
return((object)jQuery.Select("<li class='ui-state-disabled'>" + item.Label + "</li>").AppendTo((jQueryObject)ul));
}
string html = "<a class='sparkle-menu-item'><span class='sparkle-menu-item-img'>";
if (item.Image != null)
{
html += @"<img src='" + item.Image + "'/>";
}
html += @"</span><span class='sparkle-menu-item-label'>" + item.Label + "</span><br>";
if (item.ColumnValues != null && item.ColumnValues.Length > 0)
{
foreach (string value in item.ColumnValues)
{
html += "<span class='sparkle-menu-item-moreinfo'>" + value + "</span>";
}
}
html += "</a>";
return((object)jQuery.Select("<li>").Append(html).AppendTo((jQueryObject)ul));
};
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
AutoCompleteOptions enableOption = new AutoCompleteOptions();
enableOption.MinLength = 0;
inputField.Focus();
inputField.Plugin <AutoCompleteObject>().AutoComplete(enableOption);
inputField.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Search);
});
// handle the field changing
inputField.Change(delegate(jQueryEvent e)
{
string inputValue = inputField.GetValue();
if (inputValue != _value.Name)
{
// The name is different from the name of the lookup reference
// search to see if we can auto resolve it
TrySetObservable(valueAccessor, inputField, null, false);
AutoCompleteRequest lookup = new AutoCompleteRequest();
lookup.Term = inputValue;
Action <AutoCompleteItem[]> lookupResults = delegate(AutoCompleteItem[] results)
{
int selectableItems = 0;
// If there is only one, then auto-set
if (results != null)
{
foreach (AutoCompleteItem item in results)
{
if (isItemSelectable(item))
{
selectableItems++;
}
if (selectableItems > 2)
{
break;
}
}
}
if (selectableItems == 1)
{
// There is only a single value so set it now
setValue(results[0], false);
}
else
{
inputField.Value(String.Empty);
}
};
queryDelegate(lookup, lookupResults);
}
});
Action disposeCallBack = delegate()
{
if ((bool)Script.Literal("$({0}).data('ui-autocomplete')!=undefined", inputField))
{
Script.Literal("$({0}).autocomplete(\"destroy\")", inputField);
}
};
//handle disposal (if KO removes by the template binding)
Script.Literal("ko.utils.domNodeDisposal.addDisposeCallback({0}, {1})", element, (object)disposeCallBack);
Knockout.BindingHandlers["validationCore"].Init(element, valueAccessor, allBindingsAccessor, null, null);
// Bind return to searching
inputField.Keydown(delegate(jQueryEvent e)
{
if (e.Which == 13 && !justSelected) // Return pressed - but we want to do a search not move to the next cell
{
selectButton.Click();
}
else if (e.Which == 13)
{
return;
}
switch (e.Which)
{
case 13: // Return
case 38: // Up - don't navigate - but use the dropdown to select search results
case 40: // Down - don't navigate - but use the dropdown to select search results
e.PreventDefault();
e.StopPropagation();
break;
}
justSelected = false;
});
//Script.Literal("return { controlsDescendantBindings: true };");
}
public override void Init(System.Html.Element element, Func <object> valueAccessor, Func <System.Collections.Dictionary> allBindingsAccessor, object viewModel, object context)
{
jQueryObject container = jQuery.FromElement(element);
jQueryObject inputField = container.Find(".sparkle-input-lookup-part");
jQueryObject selectButton = container.Find(".sparkle-input-lookup-button-part");
EntityReference _value = new EntityReference(null, null, null);
AutoCompleteOptions options = new AutoCompleteOptions();
options.MinLength = 100000; // Don't enable type down - use search button (or return)
options.Delay = 0;
options.Position = new Dictionary <string, object>("collision", "fit");
bool justSelected = false;
// Set the value when selected
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
// Note we assume that the binding has added an array of string items
AutoCompleteItem item = (AutoCompleteItem)uiEvent.Item;
if (_value == null)
{
_value = new EntityReference(null, null, null);
}
string value = item.Label;
inputField.Value(value);
_value.Id = ((Guid)item.Value);
_value.Name = item.Label;
_value.LogicalName = (string)item.Data;
justSelected = true;
TrySetObservable(valueAccessor, inputField, _value);
Script.Literal("return false;");
};
// Get the query command
Action <string, Action <EntityCollection> > queryCommand = (Action <string, Action <EntityCollection> >)((object)allBindingsAccessor()["queryCommand"]);
string nameAttribute = ((string)allBindingsAccessor()["nameAttribute"]);
string idAttribute = ((string)allBindingsAccessor()["idAttribute"]);
string typeCodeAttribute = ((string)allBindingsAccessor()["typeCodeAttribute"]);
// wire up source to CRM search
Action <AutoCompleteRequest, Action <AutoCompleteItem[]> > queryDelegate = delegate(AutoCompleteRequest request, Action <AutoCompleteItem[]> response)
{
Action <EntityCollection> queryCallBack = delegate(EntityCollection fetchResult)
{
AutoCompleteItem[] results = new AutoCompleteItem[fetchResult.Entities.Count];
for (int i = 0; i < fetchResult.Entities.Count; i++)
{
results[i] = new AutoCompleteItem();
results[i].Label = (string)fetchResult.Entities[i].GetAttributeValue(nameAttribute);
results[i].Value = fetchResult.Entities[i].GetAttributeValue(idAttribute);
results[i].Data = fetchResult.Entities[i].LogicalName;
string typeCodeName = fetchResult.Entities[i].LogicalName;
// Get the type code from the name to find the icon
if (!string.IsNullOrEmpty(typeCodeAttribute))
{
typeCodeName = fetchResult.Entities[i].GetAttributeValue(typeCodeAttribute).ToString();
}
results[i].Image = MetadataCache.GetSmallIconUrl(typeCodeName);
}
response(results);
// Disable it now so typing doesn't trigger a search
AutoCompleteOptions disableOption = new AutoCompleteOptions();
disableOption.MinLength = 100000;
inputField.Plugin <AutoCompleteObject>().AutoComplete(disableOption);
};
// Call the function with the correct 'this' context
Script.Literal("{0}.call({1}.$parent,{2},{3})", queryCommand, context, request.Term, queryCallBack);
};
options.Source = queryDelegate;
options.Focus = delegate(jQueryEvent e, AutoCompleteFocusEvent uiEvent)
{
// Prevent the value being updated in the text box we scroll through the results
Script.Literal("return false;");
};
inputField = inputField.Plugin <AutoCompleteObject>().AutoComplete(options);
// Set render template
((RenderItemDelegate)Script.Literal("{0}.data('ui-autocomplete')", inputField))._renderItem = delegate(object ul, AutoCompleteItem item)
{
return((object)jQuery.Select("<li>").Append("<a class='sparkle-menu-item'><span class='sparkle-menu-item-img'><img src='" + item.Image + "'/></span><span class='sparkle-menu-item-label'>" + item.Label + "</span></a>").AppendTo((jQueryObject)ul));
};
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
AutoCompleteOptions enableOption = new AutoCompleteOptions();
enableOption.MinLength = 0;
inputField.Focus();
inputField.Plugin <AutoCompleteObject>().AutoComplete(enableOption);
inputField.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Search);
});
// handle the field changing
inputField.Change(delegate(jQueryEvent e)
{
if (inputField.GetValue() != _value.Name)
{
TrySetObservable(valueAccessor, inputField, null);
}
});
Action disposeCallBack = delegate()
{
if ((bool)Script.Literal("$({0}).data('ui-autocomplete')!=undefined", inputField))
{
//inputField.Plugin<AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Destroy);
Script.Literal("$({0}).autocomplete(\"destroy\")", inputField);
}
};
//handle disposal (if KO removes by the template binding)
Script.Literal("ko.utils.domNodeDisposal.addDisposeCallback({0}, {1})", element, (object)disposeCallBack);
Knockout.BindingHandlers["validationCore"].Init(element, valueAccessor, allBindingsAccessor, null, null);
// Bind return to searching
inputField.Keydown(delegate(jQueryEvent e)
{
if (e.Which == 13 && !justSelected) // Return pressed - but we want to do a search not move to the next cell
{
selectButton.Click();
}
else if (e.Which == 13)
{
return;
}
switch (e.Which)
{
case 13: // Return
case 38: // Up - don't navigate - but use the dropdown to select search results
case 40: // Down - don't navigate - but use the dropdown to select search results
e.PreventDefault();
e.StopPropagation();
break;
}
justSelected = false;
});
//Script.Literal("return { controlsDescendantBindings: true };");
}
public override void Init(System.Html.Element element, Func <object> valueAccessor, Func <System.Collections.Dictionary> allBindingsAccessor, object viewModel, object context)
{
jQueryObject container = jQuery.FromElement(element);
jQueryObject dateTime = container.Find(".sparkle-input-datepicker-part");
jQueryObject dateButton = container.Find(".sparkle-input-datepicker-button-part");
// Add Date Picker
DatePickerOptions2 options = new DatePickerOptions2();
options.ShowOn = "";
options.ButtonImageOnly = true;
options.FirstDay = OrganizationServiceProxy.OrganizationSettings != null ? OrganizationServiceProxy.OrganizationSettings.WeekStartDayCode.Value.Value : 0;
//options.ButtonImage = @"../images/btn_off_Cal.gif";
string dateFormat = "dd/MM/yy";
if (OrganizationServiceProxy.UserSettings != null)
{
dateFormat = OrganizationServiceProxy.UserSettings.DateFormatString;
}
options.DateFormat = dateFormat;
dateTime.Plugin <DatePickerPlugIn>().DatePicker(options);
//// Get current value
//Observable<DateTime> dateValueAccessor = (Observable<DateTime>)valueAccessor();
//DateTime intialValue = dateValueAccessor.GetValue();
//dateTime.Plugin<DatePickerObject>().DatePicker(DatePickerMethod.SetDate, intialValue);
dateButton.Click(delegate(jQueryEvent e)
{
// Note: This is using a custom plugin definition since the standard didn't include show
dateTime.Plugin <DatePickerPlugIn>().DatePicker(DatePickerMethod2.Show);
});
//handle the field changing
KnockoutUtils.RegisterEventHandler(dateTime.GetElement(0), "change", delegate(object sender, EventArgs e)
{
Observable <DateTime> observable = (Observable <DateTime>)valueAccessor();
bool isValid = true;
if (((string)Script.Literal("typeof({0}.IsValid)", observable)) != "undefined")
{
isValid = ((IValidatedObservable)observable).IsValid() == true;
}
if (isValid)
{
DateTime selectedDate = (DateTime)dateTime.Plugin <DatePickerObject>().DatePicker(DatePickerMethod.GetDate);
// Get Current observable value - we only want to set the date part
DateTime currentValue = observable.GetValue();
DateTimeEx.SetTime(selectedDate, currentValue);
observable.SetValue(selectedDate);
}
dateTime.Blur();
});
Action disposeCallBack = delegate() {
Script.Literal("$({0}).datepicker(\"destroy\")", element);
};
//handle disposal (if KO removes by the template binding)
Script.Literal("ko.utils.domNodeDisposal.addDisposeCallback({0}, {1})", element, (object)disposeCallBack);
//Knockout.BindingHandlers["validationCore"].Init(element, valueAccessor, allBindingsAccessor,null,null);
}
public XrmTimeEditor(EditorArguments args) : base(args)
{
bool justSelected = false;
XrmTimeEditor self = this;
if (OrganizationServiceProxy.UserSettings != null)
{
_formatString = OrganizationServiceProxy.UserSettings.TimeFormatString;
}
_container = jQuery.FromHtml("<div ><table class='inline-edit-container' cellspacing='0' cellpadding='0'><tr><td><INPUT type=text class='sparkle-input-inline' /></td><td class='lookup-button-td'><input type=button class='autocompleteButton' /></td></tr></table></div>");
_container.AppendTo(_args.Container);
jQueryObject inputField = _container.Find(".sparkle-input-inline");
_input = inputField;
_input.Focus().Select();
string timeFormatString = _formatString;
AutoCompleteOptions options = GetTimePickerAutoCompleteOptions(timeFormatString);
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
justSelected = true;
};
options.Open = delegate(jQueryEvent e, jQueryObject o)
{
self._searchOpen = true;
};
options.Close = delegate(jQueryEvent e, jQueryObject o)
{
self._searchOpen = false;
};
inputField = inputField.Plugin <AutoCompleteObject>().AutoComplete(options);
jQueryObject selectButton = _container.Find(".autocompleteButton");
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
inputField.Plugin <AutoCompleteObject>().AutoComplete(AutoCompleteMethod.Search, "");
});
// Bind return to searching
_input.Keydown(delegate(jQueryEvent e)
{
if (self._searchOpen)
{
switch (e.Which)
{
case 13: // Return
case 38: // Up - don't navigate - but use the dropdown to select search results
case 40: // Down - don't navigate - but use the dropdown to select search results
e.PreventDefault();
e.StopPropagation();
break;
}
}
justSelected = false;
});
}
public XrmLookupEditor(EditorArguments args) : base(args)
{
XrmLookupEditor self = this;
_args = args;
_container = jQuery.FromHtml("<div><table class='inline-edit-container' cellspacing='0' cellpadding='0'><tr><td><INPUT type=text class='sparkle-input-inline' /></td><td class='lookup-button-td'><input type=button class='sparkle-lookup-button' /></td></tr></table></div>");
_container.AppendTo(_args.Container);
jQueryObject inputField = _container.Find(".sparkle-input-inline");
jQueryObject selectButton = _container.Find(".sparkle-lookup-button");
_input = inputField;
_input.Focus().Select();
_autoComplete = inputField.Plugin <AutoCompleteObject>();
AutoCompleteOptions options = new AutoCompleteOptions();
options.Position = new Dictionary <string, object>("collision", "fit");
options.MinLength = 100000;
options.Delay = 0; // TODO- set to something that makes sense
XrmLookupEditorOptions editorOptions = (XrmLookupEditorOptions)args.Column.Options;
bool justSelected = false;
options.Select = delegate(jQueryEvent e, AutoCompleteSelectEvent uiEvent)
{
if (_value == null)
{
_value = new EntityReference(null, null, null);
}
// Note we assume that the binding has added an array of string items
AutoCompleteItem item = (AutoCompleteItem)uiEvent.Item;
EntityReference itemRef = (EntityReference)item.Value;
if (itemRef.LogicalName == "footerlink")
{
XrmLookupEditorButton button = editorOptions.footerButton;
button.OnClick(item);
}
else
{
string value = item.Label;
_input.Value(value);
_value.Id = itemRef.Id;
_value.Name = itemRef.Name;
_value.LogicalName = ((EntityReference)item.Value).LogicalName;
justSelected = true;
}
Script.Literal("return false;");
};
options.Focus = delegate(jQueryEvent e, AutoCompleteFocusEvent uiEvent)
{
// Prevent the value being updated in the text box as we scroll through the results
Script.Literal("return false;");
};
options.Open = delegate(jQueryEvent e, jQueryObject o)
{
self._searchOpen = true;
if (editorOptions.showFooter && totalRecordsReturned > 0)
{
WidgetObject menu = (WidgetObject)Script.Literal("{0}.autocomplete({1})", _input, "widget");
AddFooter(menu, totalRecordsReturned);
}
};
options.Close = delegate(jQueryEvent e, jQueryObject o)
{
self._searchOpen = false;
WidgetObject menu = (WidgetObject)Script.Literal("{0}.autocomplete({1})", _input, "widget");
jQueryObject footer = menu.Next();
if (footer.Length > 0 || footer.HasClass("sparkle-menu-footer"))
{
footer.Hide();
}
};
// If there multiple names, add them to the columnAttributes
string[] columns = editorOptions.nameAttribute.Split(",");
if (columns.Length > 1)
{
editorOptions.columns = columns;
editorOptions.nameAttribute = columns[0];
}
// wire up source to CRM search
Action <AutoCompleteRequest, Action <AutoCompleteItem[]> > queryDelegate = delegate(AutoCompleteRequest request, Action <AutoCompleteItem[]> response)
{
// Get the option set values
editorOptions.queryCommand(request.Term, delegate(EntityCollection fetchResult)
{
if (fetchResult.TotalRecordCount > fetchResult.Entities.Count)
{
totalRecordsReturned = fetchResult.TotalRecordCount;
}
else
{
totalRecordsReturned = fetchResult.Entities.Count;
}
int recordsFound = fetchResult.Entities.Count;
bool noRecordsFound = recordsFound == 0;
XrmLookupEditorButton button = editorOptions.footerButton;
bool footerButton = (button != null);
AutoCompleteItem[] results = new AutoCompleteItem[recordsFound + (footerButton ? 1 : 0) + (noRecordsFound ? 1 :0)];
for (int i = 0; i < recordsFound; i++)
{
results[i] = new AutoCompleteItem();
results[i].Label = (string)fetchResult.Entities[i].GetAttributeValue(editorOptions.nameAttribute);
EntityReference id = new EntityReference(null, null, null);
id.Name = results[i].Label;
id.LogicalName = fetchResult.Entities[i].LogicalName;
id.Id = (Guid)fetchResult.Entities[i].GetAttributeValue(editorOptions.idAttribute);
results[i].Value = id;
XrmLookupBinding.GetExtraColumns(editorOptions.columns, fetchResult, results, i);
string typeCodeName = fetchResult.Entities[i].LogicalName;
// Get the type code from the name to find the icon
if (!string.IsNullOrEmpty(editorOptions.typeCodeAttribute))
{
typeCodeName = fetchResult.Entities[i].GetAttributeValue(editorOptions.typeCodeAttribute).ToString();
}
if (editorOptions.showImage)
{
results[i].Image = MetadataCache.GetSmallIconUrl(typeCodeName);
}
}
int itemsCount = recordsFound;
if (noRecordsFound)
{
AutoCompleteItem noRecordsItem = new AutoCompleteItem();
noRecordsItem.Label = SparkleResourceStrings.NoRecordsFound;
results[itemsCount] = noRecordsItem;
itemsCount++;
}
if (footerButton)
{
// Add the add new
AutoCompleteItem addNewLink = new AutoCompleteItem();
addNewLink.Label = button.Label;
addNewLink.Image = button.Image;
addNewLink.ColumnValues = null;
addNewLink.Value = new Entity("footerlink");
results[itemsCount] = addNewLink;
}
response(results);
// Disable it now so typing doesn't trigger a search
AutoCompleteOptions disableOption = new AutoCompleteOptions();
disableOption.MinLength = 100000;
_autoComplete.AutoComplete(disableOption);
});
};
options.Source = queryDelegate;
inputField = _autoComplete.AutoComplete(options);
RenderItemDelegate autoCompleteDelegates = ((RenderItemDelegate)Script.Literal("{0}.data('ui-autocomplete')", inputField));
autoCompleteDelegates._renderItem = delegate(object ul, AutoCompleteItem item)
{
if (item.Value == item.Label)
{
return((object)jQuery.Select("<li class='ui-state-disabled'>" + item.Label + "</li>").AppendTo((jQueryObject)ul));
}
string itemHtml = "<a class='sparkle-menu-item'>";
// Allow for no image by passing false to 'ShowImage' on the XrmLookupEditorOptions options
if (item.Image != null)
{
itemHtml += "<span class='sparkle-menu-item-img'><img src='" + item.Image + "'/></span>";
}
itemHtml += "<span class='sparkle-menu-item-label'>" + item.Label + "</span><br/>";
if (item.ColumnValues != null && item.ColumnValues.Length > 0)
{
foreach (string value in item.ColumnValues)
{
itemHtml += "<span class='sparkle-menu-item-moreinfo'>" + value + "</span>";
}
}
itemHtml += "</a>";
return((object)jQuery.Select("<li>").Append(itemHtml).AppendTo((jQueryObject)ul));
};
// Add the click binding to show the drop down
selectButton.Click(delegate(jQueryEvent e)
{
AutoCompleteOptions enableOption = new AutoCompleteOptions();
enableOption.MinLength = 0;
_autoComplete.AutoComplete(enableOption);
_autoComplete.AutoComplete(AutoCompleteMethod.Search, inputField.GetValue());
});
// Bind return to searching
_input.Keydown(delegate(jQueryEvent e)
{
if (e.Which == 13 && !justSelected) // Return pressed - but we want to do a search not move to the next cell
{
if (inputField.GetValue().Length > 0)
{
selectButton.Click();
}
else
{
// Set value to null
_value = null;
return;
}
}
else if (e.Which == 13)
{
return;
}
if (self._searchOpen)
{
switch (e.Which)
{
case 9:
case 13: // Return
case 38: // Up - don't navigate - but use the dropdown to select search results
case 40: // Down - don't navigate - but use the dropdown to select search results
e.PreventDefault();
e.StopPropagation();
break;
}
}
else
{
switch (e.Which)
{
case 13: // Return
e.PreventDefault();
e.StopPropagation();
break;
}
}
justSelected = false;
});
}
private static jQueryObject ShowLoadingIndicator(jQueryObject loadingIndicator, string gridContainerDivId)
{
jQueryObject g = jQuery.Select("#" + gridContainerDivId);
jQueryObject vp = jQuery.Select("#" + gridContainerDivId + " > .slick-viewport");
loadingIndicator = g;
jQueryBlockUIOptions blockOpts = new jQueryBlockUIOptions();
blockOpts.ShowOverlay = false;
blockOpts.IgnoreIfBlocked = true;
BlockUICSS css = new BlockUICSS();
css.border = "0px";
css.backgroundColor = "transparent";
//css.width = "100px";
//css.height = "100px";
OverlayCSS overlayCss = new OverlayCSS();
overlayCss.Opacity = "0";
//blockOpts.OverlayCSS = overlayCss;
blockOpts.Css = css;
blockOpts.Message = "<span class='loading-indicator'><label>Loading...</label></span>";
loadingIndicator.Plugin<jQueryBlockUI>().Block(blockOpts);
return loadingIndicator;
}
public void DataBindEvents(Grid grid, DataViewBase dataView, string gridContainerDivId)
{
// Data Sorting
grid.OnSort.Subscribe(delegate(EventData o, Object item)
{
SortColData sorting = (SortColData)item;
dataView.Sort(sorting);
grid.Invalidate();
grid.Render();
});
// Session Grid DataBinding
grid.OnAddNewRow.Subscribe(delegate(EventData o, Object item)
{
EditEventData data = (EditEventData)item;
dataView.AddItem(data.item);
Column column = data.column;
grid.InvalidateRow(dataView.GetLength() - 1);
grid.UpdateRowCount();
grid.Render();
});
dataView.OnRowsChanged.Subscribe(delegate(EventData e, object a)
{
OnRowsChangedEventArgs args = (OnRowsChangedEventArgs)a;
if (args != null && args.Rows != null)
{
grid.InvalidateRows(args.Rows);
grid.Render();
}
else
{
// Assume that a new row has been added
grid.InvalidateRow(dataView.GetLength());
grid.UpdateRowCount();
grid.Render();
}
grid.ResizeCanvas();
});
jQueryObject loadingIndicator = null;
// Wire up the validation error
jQueryObject validationIndicator = null;
Action <EventData, object> clearValidationIndicator = delegate(EventData e, object a)
{
if (validationIndicator != null)
{
validationIndicator.Hide();
validationIndicator.Remove();
}
};
grid.OnCellChange.Subscribe(clearValidationIndicator);
grid.OnActiveCellChanged.Subscribe(clearValidationIndicator);
grid.OnBeforeCellEditorDestroy.Subscribe(clearValidationIndicator);
grid.OnValidationError.Subscribe(delegate(EventData e, object a)
{
ValidationEventArgs args = (ValidationEventArgs)a;
ValidationResult validationResult = (ValidationResult)args.ValidationResults;
jQueryObject activeCellNode = (jQueryObject)args.CellNode;
object editor = args.Editor;
string errorMessage = "";
if (validationResult.Message != null)
{
errorMessage = validationResult.Message;
}
bool valid_result = validationResult.Valid;
// Add the message to the tooltip on the cell
if (!valid_result)
{
jQuery.FromObject(activeCellNode).Attribute("title", errorMessage);
clearValidationIndicator(e, a);
validationIndicator = jQuery.FromHtml("<div class='popup-box-container'><div width='16px' height='16px' class='sparkle-imagestrip-inlineedit_warning popup-box-icon' alt='Error' id='icon'/><div class='popup-box validation-text'/></div>").AppendTo(Document.Body);
validationIndicator.Find(".validation-text").Text(errorMessage);
string colisionPosition = ValidationPopupUseFitPosition ? "fit fit" : "none none";
Script.Literal(@"{0}.position({{
my: 'left bottom',
at: 'left top',
collision: '{2}',
of: {1}
}})
.show({{
effect: 'blind'
}})
.delay( 500000 )
.hide({{
effect: 'fade',
duration: 'slow',
}},
function() {{
$( this ).remove();
}});
", validationIndicator, activeCellNode, colisionPosition);
}
else
{
clearValidationIndicator(e, a);
jQuery.FromObject(activeCellNode).Attribute("title", "");
}
});
// Wire up the loading spinner
dataView.OnDataLoading.Subscribe(delegate(EventData e, object a)
{
loadingIndicator = ShowLoadingIndicator(loadingIndicator, gridContainerDivId);
foreach (Column col in grid.GetColumns())
{
if (col.MaxWidth != null)
{
col.MaxWidth = 400;
}
}
});
dataView.OnDataLoaded.Subscribe(delegate(EventData e, object a)
{
DataLoadedNotifyEventArgs args = (DataLoadedNotifyEventArgs)a;
if (args != null)
{
if (args.ErrorMessage == null)
{
for (int i = args.From; i <= args.To; i++)
{
grid.InvalidateRow(i);
}
grid.UpdateRowCount();
grid.Render();
}
else
{
Script.Alert("There was a problem refreshing the grid.\nPlease contact your system administrator:\n" + args.ErrorMessage);
}
}
if (loadingIndicator != null)
{
loadingIndicator.Plugin <jQueryBlockUI>().Unblock();
}
});
// Wire up edit complete to property changed
grid.OnCellChange.Subscribe(delegate(EventData e, object data)
{
OnCellChangedEventData eventData = (OnCellChangedEventData)data;
dataView.RaisePropertyChanged("");
});
}
static PhotoTilesPage()
{
jQuery.OnDocumentReady(delegate() {
string apiKey = (string)jQuery.FromElement(Document.Body).GetDataValue("flickrKey");
IPhotoService flickrService = new FlickrPhotoService();
jQuery.Select("#searchButton").Click(delegate(jQueryEvent e) {
string tags = jQuery.Select("#tagsTextBox").GetValue();
flickrService.SearchPhotos(tags, 20).Done(
delegate(IEnumerable <Photo> photos) {
jQueryObject thumbnailList = jQuery.Select("#thumbsList");
thumbnailList.Empty();
if (photos == null)
{
return;
}
int photoIndex = 0;
foreach (Photo photo in photos)
{
if (photoIndex % 6 == 0)
{
jQuery.Select("#bigThumbnailTemplate").Plugin <jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else if ((photoIndex % 3 == 0) || (photo.imageWidth == photo.imageHeight))
{
jQuery.Select("#sqThumbnailTemplate").Plugin <jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else if (photo.thumbnailWidth > photo.thumbnailHeight)
{
jQuery.Select("#horzThumbnailTemplate").Plugin <jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else
{
jQuery.Select("#vertThumbnailTemplate").Plugin <jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
photoIndex++;
}
GridsterOptions gridOptions = new GridsterOptions();
gridOptions.Margins = new int[] { 10, 10 };
gridOptions.BaseDimensions = new int[] { 140, 140 };
thumbnailList.Plugin <jQueryGridsterObject>().Gridster(gridOptions)
.Find("a")
.Plugin <jQueryLightBoxObject>().LightBox();
GridsterObject gridster =
(GridsterObject)thumbnailList.GetDataValue("gridster");
gridster.DisableDragging();
});
jQuery.FromElement(Document.Body).Focus();
e.PreventDefault();
});
});
}
