Hi champs,
I have an interesting scenario. My timelineweek is behaving strange. I would like to render my events if any repeat events without depending on Kendo. But Kendo shows the repeat events by default as soon as I use recurrenceRule. Is there any way that I would like to use recurrenceRule to auto select the Recurrence section in Edit window, but Kendo should not show the events?
Please have a look at this rudimentary version of a query builder that I aim to create.
http://dojo.telerik.com/uKeCe
Try out the sortable feature. I think you notice the time lag at row drop. Is there anything that could be optimized in the code to eliminate it? Am I doing anything wrong? ...I did not have the nerve to try it, say, on IE10 ;-)
Also, what should I do to have the binding cast null sortDir value as empty string, ie. '(none)'?
Best,
moniuch
I'm trying to extend kendoGrid to a custom plugin, but have hard time figuring out what I'm doing wrong when invoking super method refresh(). I would appreciate a hint. Thanks.
(function(){ var kendo = window.kendo, ui = kendo.ui, CHANGE = "change"; var MyGrid = ui.Grid.extend({ init: function(element, options) { var that = this; ui.Grid.fn.init.call(that, element, options); that._dataSource(); }, options: { name: "MyGrid", autoBind: true }, _dataSource: function() { var that = this; that.dataSource = kendo.data.DataSource.create(that.options.dataSource); that.dataSource.bind(CHANGE, function() { console.log(ui.Grid.fn); console.log(that.dataSource); ui.Grid.fn.refresh.call(that); // <- problematic }); if (that.options.autoBind) { that.dataSource.fetch(); } } }); ui.plugin(MyGrid);})(jQuery);$(function(){ $('#MyGrid').kendoMyGrid({ columns: [ { field: "FirstName", title: "First Name"}, { field: "LastName", title: "Last Name" } ], dataSource: { data: [ { FirstName: "Joe", LastName: "Smith" }, { FirstName: "Jane", LastName: "Smith" } ] } })})Hi all,
I'm experiencing a strange issue when trying to draw large elements with border-radius: 100% in Chrome and IE -- Firefox works fine. When these elements are large, the circle is not completely round (i.e., 100%), more like an oval. Please see example below:
http://dojo.telerik.com/oTIbi/3
Anyone know of a solution here for Chrome and IE? Any help is much appreciated!
I have a model that contains information about an event
public class EventModel
{
public int EventId { get; set; }
public string Name { get; set; }
public string Description { get; set; }
public DateTime StartDate { get; set; }
public DateTime RevenueStartDate { get; set; }
}
My view also contains a kendo grid to display a list of facilities associated with the event. One or more facilities can be associated with this model. However, there is no property to contain the list of associated facilities. I plan to handle that in the DataSource's transport methods. The Grid will contain just a list of facility names and will allow users to add additional facilities to the list (via the DataSource's create transport. Below is what I have so far but the create transport never gets called.
var ds = new kendo.data.DataSource({
transport: {
read: {
cached: false,
url: '@Url.Action("ReadAllFacilities", "Tactic")',
dataType: "json"
}
}
});
var OrgdataSource = new kendo.data.DataSource({
transport: {
read: {
url: '@Url.Action("ReadFacilities", "Tactic")',
dataType: "json"
},
create: {
url: '@Url.Action("Facility", "Tactic")',
type: "POST",
dataType: "json"
}
},
batch: false
schema: {
model: {
id: "Value",
fields: {
id: { type: "string", editable: false },
Text: { type: "string" }
}
}
}
});
$("#FacilityGrid").kendoGrid({
dataSource: OrgdataSource,
autoBind: true,
autoSync: true,
editable: { mode: "inline" },
selectable: true,
toolbar: ["save", "create"],
columns: [
{ command: ["destroy"], title: " ", width: "150px" },
{ field: "Text", title: "Facility Name", editor: OrgDropDownEditor },
]
});
function OrgDropDownEditor (container, options) {
$('<input required data-text-field="Text" data-value-field="Value" data-bind="value:' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
autoBind: true,
dataSource: ds
});
}
And my controller Code:
[HttpPost]
public JsonResult AddFacility(SelectListItem newFacility)
{
...//THIS CODE NEVER GETS CALLED
}
[HttpGet]
public string ReadAssociatedFacilities(int id)
{
var lst = new List<SelectListItem>();
lst = dataProvider.GetAssociatedFacilities();
var json = new JavaScriptSerializer().Serialize(lst);
return json;
}
[HttpGet]
public string ReadAllFacilities()
{
var lst = new List<SelectListItem>();
lst.Add(new SelectListItem() { Value = "0", Text = "Facility 1" });
lst.Add(new SelectListItem() { Value = "1", Text = "Facility 2" });
var json = new JavaScriptSerializer().Serialize(lst);
return json;
}
Hi,
I have written as following for creating the Schedule
dataSource: {
batch: true,
transport: {
read: {
url: "http://localhost:2237/api/values/GetSchedule",
dataType: "jsonp"
},
update: {
url: "http://demos.telerik.com/kendo-ui/service/tasks/update",
dataType: "jsonp"
},
create: {
method:"post",
url: "http://localhost:2237/api/values/SaveSchedule",
data: ,
contentType: "application/json;charset=utf-8",
dataType: "json"
},
destroy: {
url: "http://demos.telerik.com/kendo-ui/service/tasks/destroy",
dataType: "jsonp"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}
},
in the above in create section how can i pass the object to the api .
In Api
public void SaveSchedule(Schedular callback)
{
}
here Schedular is a class consisting of all properties with same name in the ui.
whenever i have saved the data , in the api it shown as callback null.
Can you please provide me the solution for this.
Thanks,
We have a grid that was initialized by table and now when we try to export it to excel the numeric columns are showing up as text in the generated excel spreadsheet.
Is there a way to convert these to numbers and format them appropriately when exporting to excel?