private void UpdateRendering() { _list.Empty(); _itemTemplate.RenderTemplate(_todoList.Items).AppendTo(_list); _clearButton.SwitchClass("hidden", _todoList.CompletedCount == 0); _activeCount.Text(_todoList.ActiveCount + " item(s) left"); }
private void ResetButtonClick(jQueryEvent e) { e.PreventDefault(); rowsDiv.Empty(); SetCurrentFilter(null, null); UpdateParens(); UpdateButtons(); OnHeightChange(); }
protected void UpdateRowsFromStore() { rowsDiv.Empty(); foreach (var item in Store.Items) { AddEmptyRow(false); var row = rowsDiv.Children().Last(); var divl = row.Children("div.l"); divl.Children(".leftparen").ToggleClass("active", Q.IsTrue(item.LeftParen)); divl.Children(".rightparen").ToggleClass("active", Q.IsTrue(item.RightParen)); divl.Children(".andor").ToggleClass("or", Q.IsTrue(item.IsOr)) .Text(Q.Text(Q.IsTrue(item.IsOr) ? "Controls.FilterPanel.Or" : "Controls.FilterPanel.And")); var fieldSelect = row.Children("div.f").Find("input.field-select").GetWidget <FieldSelect>(); fieldSelect.Value = item.Field; RowFieldChange(row); var operatorSelect = row.Children("div.o").Find("input.op-select").GetWidget <OperatorSelect>(); operatorSelect.Value = item.Operator; RowOperatorChange(row); var filtering = GetFilteringFor(row); if (filtering != null) { filtering.Operator = item.Operator; filtering.LoadState(item.State); } } if (ShowInitialLine && rowsDiv.Children().Length == 0) { AddEmptyRow(false); } UpdateParens(); }
public static jQueryObject Gallery(GalleryPluginOptions customOptions) { GalleryPluginOptions defaultOptions = new GalleryPluginOptions("count", 10, "photoService", new FlickrService()); GalleryPluginOptions options = (GalleryPluginOptions)jQuery.Extend(new Dictionary <string, object>(), defaultOptions, customOptions); return(jQuery.Current.Each(delegate(int i, Element element) { jQueryObject thumbnailList = jQuery.Select("#" + options.thumbsListID); jQueryObject photoPanel = jQuery.Select("#" + options.photoPanelID); options.photoService.SearchPhotos(options.tags, options.count, delegate(List <PhotoResult> photos) { if ((photos == null) || (photos.Count == 0)) { return; } thumbnailList.Empty(); jQuery.Select("#" + options.thumbnailTemplateID).Plugin <jQueryTemplateObject>(). RenderTemplate(photos). CSS("opacity", "0.5"). AppendTo(thumbnailList). MouseEnter(delegate(jQueryEvent e) { jQuery.FromElement(e.CurrentTarget).FadeTo(250, 1.0f, delegate() { jQuery.This.CSS("opacity", "1"); }); }) .MouseLeave(delegate(jQueryEvent e) { jQuery.FromElement(e.CurrentTarget).FadeTo(250, 0.5f, delegate() { jQuery.This.CSS("opacity", "0.5"); }); }) .Click(delegate(jQueryEvent e) { PhotoResult photo = (PhotoResult)jQueryTemplating.GetTemplateInstance(e.CurrentTarget).Data; jQueryTemplate photoTemplate = jQueryTemplating.CreateTemplate(jQuery.Select("#" + options.photoTemplateID)); photoPanel.FadeOut(EffectDuration.Slow, delegate() { jQuery.This.Empty().CSS("display", ""). Append(jQueryTemplating.RenderTemplate(photoTemplate, photo)). FadeIn(EffectDuration.Slow); }); }). Eq(0).Click(); }); return false; })); }
public void ClassInitialize() { divContainer = TestHarness.AddElement(); Css.SetSize(divContainer, 200, 300); string url = "/Samples/AccordianTest"; Log.Info("Downloading HTML. " + Html.ToHyperlink(url)); jQuery.Get(url, delegate(object data) { Log.Success("HTML downloaded."); divContainer.Append(data.ToString()); isInitialized = true; TestHarness.UpdateLayout(); }); divContainer.Empty(); }
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(); }); }); }
private void linkFn(AcgSpacesScope scope, jQueryObject element, object attrs) { var updater = new Action(() => { element.Children() .Each((ind, e) => { angular.Element(e).Scope<BaseScope>().Destroy(); }); element.Empty(); var content = @"<div> <div acg-draw-space ng-style='spaceStyle'> <div ng-repeat='card in space.pile.cards' acg-draw-card ng-style='cardStyle'> </div> </div> </div>"; angular.ForEach(scope.Spaces, (space) => { var e = angular.Element(content); var _scope = scope.New<AcgSpacesScope>(); _scope.Space = space; var elk = myCompile(e.Contents())(_scope); element.Append(elk); }); }); //scope["$watch"]("spaces",updater); myGameContentManagerService.Redraw += () => { Console.WriteLine("updating board"); updater(); scope.Apply(); }; updater(); }
public void constructPagerUI() { _container.Empty(); jQueryObject pager = jQuery.FromHtml("<table cellspacing='0' cellpadding='0' class='sparkle-grid-status'><tbody><tr>" + "<td class='sparkle-grid-status-label'>1 - 1 of 1 (0 selected)</td>" + "<td class='sparkle-grid-status-paging'>" + "<img src='../../sparkle_/css/images/transparent_spacer.gif' class='sparkle-grid-paging-first'>" + "<img src='../../sparkle_/css/images/transparent_spacer.gif' class='sparkle-grid-paging-back'>" + "<span class='sparkle-grid-status-paging-page'>Page 1</span>" + "<img src='../../sparkle_/css/images/transparent_spacer.gif' class='sparkle-grid-paging-next'>" + " </td></tr></tbody></table>"); jQueryObject firstButton = pager.Find(".sparkle-grid-paging-first"); jQueryObject backButton = pager.Find(".sparkle-grid-paging-back"); jQueryObject nextButton = pager.Find(".sparkle-grid-paging-next"); jQueryObject label = pager.Find(".sparkle-grid-status-label"); jQueryObject pageInfo = pager.Find(".sparkle-grid-status-paging-page"); _container.Append(pager); firstButton.Click(gotoFirst); backButton.Click(gotoPrev); nextButton.Click(gotoNext); }
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(); }); }); }
private void linkFn(dynamic scope, jQueryObject element, object attrs) { scope["$watch"]("showGrid", new Action(() => { if (scope.showGrid) { element.Show(EffectDuration.Fast); } else { element.Hide(EffectDuration.Fast); } })); scope["$watch"]("scale", new Action(() => { element.Empty(); var scale = (Point) scope.scale; var n = (CanvasElement) Document.CreateElement("canvas"); var w = scale.X; var h = scale.Y; n.Width = (int) w + 1; n.Height = (int) h + 1; var context = (CanvasContext2D) n.GetContext("2d"); context.StrokeStyle = "#EEEEEE"; context.LineWidth = 1; context.MoveTo(w, 0); context.LineTo(w, h); context.Stroke(); context.MoveTo(0, h); context.LineTo(w, h); context.Stroke(); var url = (string) ((dynamic) n).toDataURL("image/png"); element.CSS("background-image", string.Format("url({0})", url)); element.CSS("background-repeat", "repeat-x repeat-y"); element.CSS("width", "100%"); element.CSS("height", "100%"); element.CSS("margin-left", "auto"); element.CSS("margin-right", "auto"); element.CSS("margin-bottom", "auto"); element.CSS("margin-top", "auto"); element.ZIndex(-10000); }), true); /* scope["$watch"]("scale", new Action(() => { element.Empty(); var scale = (Point) scope.scale; var w = jQueryApi.jQuery.Window.GetWidth(); var h = jQueryApi.jQuery.Window.GetHeight(); for (int i = 0; i < (w/scale.X) + 2; i++) { for (int j = 0; j < (h/scale.Y) + 2; j++) { element.Append( string.Format( "<div style='border:solid 1px black;position:absolute;left:{0}px;top:{1}px;width:{2}px;height:{3}px;'></div>", i*scale.X, j*scale.Y, scale.X, scale.Y)); } } }), true); */ }