or
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><%@ Register assembly="GMaps" namespace="Subgurim.Controles" tagprefix="cc1" %><asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server"></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" EnableClientScriptEvaluation="True" onservicerequest="RadXmlHttpPanel1_ServiceRequest"> <asp:Label ID="Label1" runat="server"></asp:Label> <cc1:GMap ID="GMap1" runat="server" Width="920px" Height="452px" /> </telerik:RadXmlHttpPanel> <br /><br /><br /><input type="button" value="Set Value" onclick="SetValue();return false;" /><script type="text/javascript"> function SetValue() { var panel = $find("<%=RadXmlHttpPanel1.ClientID %>"); panel.set_value("555"); }</script> <%--<cc1:GMap ID="GMap1" runat="server" Width="920px" Height="452px" />--%></asp:Content>using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using Subgurim.Controles;public partial class Test : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { } protected void RadXmlHttpPanel1_ServiceRequest(object sender, Telerik.Web.UI.RadXmlHttpPanelEventArgs e) { Label1.Text = "Label updated by XmlHttpPanel callback at: " + DateTime.Now.ToString(); //access the callback value from the client on the server using the e.Value property Label1.Text += "<br/> The returned value fron the client's set_value() function is: <strong>" + e.Value + "</strong>"; GMap1.Version = "2"; GMap1.enableDragging = false; GMap1.enableGoogleBar = false; GMap1.Language = "th"; GMap1.setCenter(new GLatLng(13.7729, 100.4857), 14); GMap1.enableHookMouseWheelToZoom = false; //GMap1.mapType = GMapType.GTypes.Hybrid; GMap1.addControl(new GControl(GControl.preBuilt.MapTypeControl)); GMap1.enableRotation = true; GMap1.enableDragging = true; }}
<%@ Page Language="C#" %> <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> protected void Page_Load(object sender, EventArgs e) { } </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div id="myDialog" style="display: none; overflow:hidden;"> <table> <tr> <td> Value: </td> <td> <telerik:RadColorPicker ID="RadColorPicker1" ShowIcon="true" style="z-index:5000" runat="server"> </telerik:RadColorPicker> </td> <td> <input id="Button1" type="button" value="Save" onclick="javascript:saveColor();" /> </td> </tr> </table> </div> <div id="selectedColor"></div> <input id="Button2" type="button" value="New color" onclick="javascript:openDialog();" /> </form> </body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script> type="text/javascript"></script> <script type="text/javascript"> function saveColor() { var c = $find("RadColorPicker1"); $("#selectedColor").html("Your selected color is: " + c.get_selectedColor()); $("#myDialog").dialog("close"); } function openDialog() { $("#myDialog").dialog({ title: 'Choose color', width: '250', draggable: false, resizable: false, show: 'slow', hide: 'slow', modal: true }); } $(document).ready( function () { // } ); </script> </html>