Hello,
I want to refresh and reload kendo UI scheduler with new data after it was initialized. Please find configuration as below.
<div id="schedulerTimeLine" kendo-scheduler k-options="schedulerTimeLineOptions"></div>
$scope.schedulerTimeLineOptions was set when the page is loaded and then I want to change the configurations of $scope.schedulerTimeLineOptions later and I will update the scope. So even after I updated $scope.schedulerTimeLineOptions scheduler doesn't load new data.
So I want to refresh and reload the kendo UI scheduler which I could not find a solution.
Please Help
Thanks,
Lilan
Do you have the popular "label as" feature (where we can assign different labels to choose from...like personal, business, etc.), OR the "show time as" feature (where we can assign different statuses/colors to choose from...like busy, vacation, out-of-office, etc.) ?
The DevExpress scheduler has both of these...do you?
I've tried to write a Cascading DropDownList with JSON data source but it failed. Here is the code:
<script> $(document).ready(function() { $("#p_year").kendoDropDownList({ optionLabel: "Select Tax Year...", dataTextField: "YEARNAME", dataValueField: "YEARID", dataSource: { serverFiltering: true, transport: { read: "pykirxb_payr_ln.p_json_read_year" } } }); var data = [ { text: "IR56E", REPORTID: "IR56E" }, { text: "IR56F", REPORTID: "IR56F" }, { text: "IR56G", REPORTID: "IR56G" } ]; // create DropDownList from input HTML element $("#p_report_type").kendoDropDownList({ dataTextField: "text", dataValueField: "REPORTID", dataSource: data, index: 0 }); $("#p_sel_population").kendoDropDownList({ cascadeFrom: "p_report_type", optionLabel: "Select Population...", dataTextField: "POPNAME", dataValueField: "POPID", dataSource: { serverFiltering: true, transport: { read: "pykirxb_payr_ln.p_json_read_pop" } } }); });</script> </div>​
There are 3 DropDownList. DropDownList p_year and p_sel_population is using JSON. DropDownList p_report_type is using static value.
Attached please find the p_year.json result file (i.e. pykirxb_payr_ln.p_json_read_year ) and p_sel_population.json result file (i.e. pykirxb_payr_ln.p_json_read_pop). I have validated the JSON content and they are correct.
Now. DropDownList P_YEAR and P_REPORT_TYPE work properly. However, the Cascading DropDownList P_SEL_POPULATION does not work. I guess it cannot retrieve the corresponding JSON content.
Any idea to solve it?
Thanks!
Hi Team,
we are using Kendo grid for inline editing. it works as expected when I load the entire data from server. but when I am adding a new item using add new command I am fetching some strange behavior. Newly added item gets deleted.
here is demo application where you can reproduce this issue.
http://plnkr.co/edit/X4ei0zPYiZ1H8AiCTy8B?p=preview
and here are the steps to reproduce the issue:
1) Add new item with Id - 2 and update
2) Add new Item with Id - 3 and Update
Now click on any Edit button for newly created items (Id-2). and then click the edit button (Id-3). now it would remove the item (id -2)...
I am expected here to cancel the old edit item.
can you help me what is wrong with my code or do you have any alternative solution for this problem.
Thanks-
Atul K.
i use the "kendo-panel-bar" wich works good with static data.
but, when i try to use "ng-repeat" everything breaks.
as a simple example to demonstrate this issue:
OK:
====
<ul kendo-panel-bar>
<li>TITEL
<ul>
<li>
​TITEL 2
<ul><li>​test 1</li><li>​test 2</li></ul>
</li>
</ul>
</li>
</ul>​
NOT WORKING:
=============
<ul kendo-panel-bar>
<li>TITEL
<ul>
<li ng-repeat="d in dataSource._data">
{{d.text}}
<ul><li>​test 2</li><li>​test 2</li></ul>
</li>
</ul>
</li>
</ul>​
How can i fix that? I need the dynamic and nested options.
Hi Telerik- /KendoUI- Team!
I watched the Kendo UI July 2015 Release Webinar, so first of all you guys do a great job.
I read about the Kendo UI Developer Certification and now I wanted to know if there is a way to redeem Telerik Points to purchase for the Certification?
Best regards,
Serkan
hi everyone !
i have a problem. When i use dropdownlist in popup -> i change select value of dropdownlist -> click to button edit. But kendo not call event edit. It only call edit when me change sometextbox in popup.
this is my code of part edit:
edit: function(e) {
console.log(e);
jQuery(e.container)
.find("input[name='zone_id']")
.data("kendoAutoComplete");
e.container.kendoWindow("title", "[[.Edit_portal.]]");
var dropdown = jQuery("#zone_id").kendoDropDownList({
dataTextField: "name",
dataValueField: "id",
value: e.model.zone_id.id,
change: function(){
e.model.zone_id.name=this.text();
e.model.zone_id.id = this._selectedValue;
},
optionLabel: "Select a zone ...",
dataSource:{
transport: {
read: {
dataType: "json",
url: "/....",
}
}
},
});​
I have a simple grid and I'm having a lot of trouble collecting the PersonID when the edit button is clicked using JQuery. I need the PersonID because I'm going to add a file upload to the inline edit column and i want to upload a file and associate it with the PersonID. All help welcome :)
Here's my simple grid:
@(Html.Kendo().Grid<GridCustomPopupTemplate.Models.Person>().Name("Grid")
.DataSource(dataSource => dataSource
.Ajax()
.Model(model => model.Id(m => m.PersonID))
.Read(read => read.Action("GetPersons", "Home"))
.Update(up => up.Action("UpdatePerson", "Home"))
)
.Columns(columns =>
{
columns.Bound(c => c.PersonID).Width(200);
columns.Bound(c => c.Name);
columns.Command(cmd => cmd.Edit());
})
.Pageable()
.Sortable()
.Editable(ed => ed.Mode(GridEditMode.InLine))
.Events(ev => ev.Edit("doOnRowSelect"))
)
<script type="text/javascript">
function doOnRowSelect(e) {
alert(The #PersonID# of the row which we are going to edit here....)
}
</script>

I am maintaining an existing application and today our customer reported that in Google Chrome, the content of a table is now not staying within its container.
I looked and did not see the issue but after updating Chrome to Version 44.0.2403.107 m, the issue appeared.
In the attached image, the blue line is where the grid actually ends and where its content *was* contained. Now, it bleeds out like the image shows.
I'm not sure what happened in Chrome, but the grid is now broken. We have not made any changes to the application.
I need a solution so the grid stays contained where it should be.
Thanks,
Adam