Essential Studio for Asp.Net | Demos

SHOWCASE SAMPLES
Showcase samples
    <%@ Page Language="C#" Title="Toolbar-Remote Data-ASP.NET-SYNCFUSION" AutoEventWireup="true" MasterPageFile="~/Samplebrowser.Master" CodeBehind="DataBinding-RemoteData.aspx.cs" Inherits="WebSampleBrowser.Toolbar.DataBinding_RemoteData" %>
    
    <asp:Content ID="Content3" ContentPlaceHolderID="ControlsSection" runat="server">
        <div class="frame">
            <div class="control">
                <ej:Toolbar ID="toolbarOdata" runat="server" Orientation="Horizontal" DataTextField="CustomerID">
                     <DataManager URL="//js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/" CrossDomain="true"  />
                </ej:Toolbar>
    
            </div>
        </div>
        <style>
        .material .frame{
            width: 495px;
        }
        </style>
    </asp:Content>
    <asp:Content ID="Content6" ContentPlaceHolderID="ScriptSection" runat="server">
    </asp:Content>
    <asp:Content ID="Content7" ContentPlaceHolderID="StyleSection" runat="server">
        <link href="../Content/Toolbar/databinding-remotedata.css" rel="stylesheet" />
    </asp:Content>
    
    
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    namespace WebSampleBrowser.Toolbar
    {
        public partial class DataBinding_RemoteData : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            { 
                this.toolbarOdata.Query="ej.Query().from('Orders').take(6)";
            }
        }
    }
    databinding-remotedata.css
       .frame
            {
                width: 40%;
            }
    
            .control
            {
                color: black;
                font-size: medium;
            }
    
            .ctrllabel
            {
                padding-bottom: 3px;
            }