or
$("#context-menu").kendoContextMenu({ target: "#target" }); $('body').append('<div id="target">Target</div>');
function createMap() { $("#map").kendoMap({ center: [30.2681, -97.7448], zoom: 3, layers: [ { type: "bing", key: "mybingkey" }, { type: "shape", dataSource: { type: "geojson", transport: { read: { dataType: "jsonp", url: "../geojson/countries-users.geo.js", jsonpCallback: "loadCountries" } } }, style: { fill: { opacity: 0.7 } } } ], shapeCreated: onShapeCreated, shapeMouseEnter: onShapeMouseEnter, shapeMouseLeave: onShapeMouseLeave });}var countryDs = new kendo.data.DataSource({ transport: { read: { type: "POST", url: '@Url.Action("GetCustomerCountries", "System")', data: function () { return { customerId: parseInt("@Model.CustomerId", 10) } }, dataType: "json", contentType: 'application/json; charset=utf-8' }, parameterMap: function (data, type) { return kendo.stringify(data); } }, schema: { model: { fields: { CustomerId: { type: "number" }, CountryId: { type: "number" }, CountryName: { type: "string" }, CountryAbbrev: { type: "string" } } } }});$("#grid-filter-country").kendoDropDownList({ dataTextField: "CountryName", dataValueField: "CountryId", dataSource: countryDs, value: GetCountry()});countryDs.insert(0, { "CustomerId": 1, "CountryId": 0, "CountryName": "Any country", "CountryAbbrev": "Any" });countryDs.sync();