Hi All,
I am trying to get a site working after Kendo was upgraded from 2014.3.1119 to 2017.1.223. I carelessly updated a whole lot of NuGet packages at once, so Knockout, Durandal and a bunch of other things were also updated. I think I have all the dependencies right but I am still getting one error:
0x800a138f - JavaScript runtime error: Unable to set property 'ns' of undefined or null reference
This occurs at the line: kendo.ns = "kendo-"; See the attached screenshot.
I would infer that "kendo" is not defined but I can't see why it would not be. A very old backup version of the same code (referring to older versions of Kendo and knockout) is working fine.
Any suggestions would be welcome.
Thanks in advance,
Rob
I have a simple dropdown list that I'm attaching a viewModel to though the observable method.
<input class="span-full" data-role="dropdownlist" id="DROPDOWNONE" data-bind="events: {open: getProps }, value: '+ __cols[n].name +' ">
I'm binding it to an open function like so:
getProps: function(e){
console.log("who am i?");
}
What I want to do is when a user opens the menu with their mouse is to have the value of the id passed to it. Like so.
getProps: function(e){
// Code I'm missing goes here.
// var id = grabsomething.fromsomeplace();
console.log(id); // Outputs DROPDOWNONE
}
Please help. Thanks
I would like to have an event-less slot be selected when I right click on the slot. Currently, I am able to do this with events by accessing the UID and using the select() method. But an event-less slot does not have a UID that I can access when the slot is not selected, from what it seems. So, the closest that I have been able to get to selecting a slot is by using the start and end date. However, this always selects the slot in the top row of the grid, rather than the slot that I right clicked. I have seen an example of scrolling to a slot based on the row and column position, but I do not think that this selects the slot. I also do not think that the select() method accepts the row and column indices as parameters.
Is there a method or some functionality that I can use to perform this?
Hi,
I am making the following call:
splitter.ajaxRequest("#ContentPane", path);
I would like to hide the progress indicator and have tried using:
kendo.ui.progress($("#ContentPane"), false);
kendo.ui.progress($("#splitter"), false);
Neither of which work. Can someone enlighten me on how to best do this? I still want the progress indicator to work on other controls when doing an Ajax request, such as the treeview/dropdown...
Thanks,
Matt
We are implementing the Grouping feature in our grids and we've found some issues related to the Sorting while a grid is groupÃng. We see also different behaviors at the demos between doing the binding to local data and remote data.
[NOTE: We are binding to remote data.]
The issues are the following:
*** ISSUE 1: Grouping is not sorting by default
From the initial state of the grid, if we do a column grouping, the grouping is not applying the sort. The grid is grouping only the elements that we see at the page where are.
Repro steps:
1) Open the following Dojo from the Kendo UI demo of the remote data grid: http://dojo.telerik.com/uFeHo
2) With the default state of the grid, pick the column of Ship City for grouping
3) See the elements of the group of Albuquerque (just one)
4) Sort by the Ship City column
5) See that the elements of the group of Albuquerque are more than one
6) See also that the first group is not Alburquerque, now it's Aachen
Expectation:
Please try the same using the demo of the local data grid: http://dojo.telerik.com/iRoLa
*** ISSUE 2: Grouping sort is ordering only the page where we are
Repro steps:
1) Open the following Dojo from the Kendo UI demo of the remote data grid: http://dojo.telerik.com/uFeHo
2) With the default state of the grid, pick the column of Ship City for grouping
3) Press the chip of the grouping to change the grouping sort
Expectation:
Please try the same using the demo of the local data grid: http://dojo.telerik.com/iRoLa
*** ISSUE 3: Grid allows to apply column sort while the column is used for grouping
Repro steps:
1) Open the following Dojo from the Kendo UI demo of the remote data grid: http://dojo.telerik.com/uFeHo
2) With the default state of the grid, pick the column of Ship City for grouping
3) Press the Ship City column header for sort
Expectation:
Please try the same using the demo of the local data grid: http://dojo.telerik.com/iRoLa
(!) IMPORTANT
Grouping is a required feature that is critical for us...
How expensive is a workaround to disable the sort of the grouping element and fix the default sorting when the grouping is used?
Hi,
I used Gantt Chart to show a number of jobs and related tasks to it but my requirement is to display multiple tasks related to one job should show in one row in gantt chart. Is this features supported by Gantt Chart?
Thanks
Neha
Hi team,
I have an requirement where i click an <a id="name" text="Empname"></a>
When user click the attribute a i need to call an kendo Window window which in terms call an remote data source in my case web api service.
Once i get the data i need to show those fields in the kendoWindow and close button to close it.
Fields that i need show
Name
Company Name:
<div id=
"dialog"
></div>
<script>
$(
"#dialog"
).kendoWindow({
autoFocus:
false
});
</script>
Address:
so how can i call in service from kendoWindow and bind it to an html field like label
if you can give some reference nand mock up of code here i can build my screen thank you again!
Thanks
HIi Team,
I am using tabstrip control i need to implement a funcationality which tells the screen is laoding.
in my Case its taking 5-7 sec to load i need to put image to user telling the screen is loading so that they do not hit any button in the mean while everyting is graded out...
function
onSelect(e) {
$(e.contentElement).html(
""
);
}
<script type=
"text/javascript"
>
$m = jQuery.noConflict();
$m(document).ready(
function
myfunction()
{
function
onSelect(e) {
$(e.contentElement).html(
""
);
}
$m(
"#tabstrip"
).kendoTabStrip({
select: onSelect,
tabPosition:
"left"
,
dataTextField:
"desc"
,
dataContentUrlField:
"Url"
,
dataValueField:
"menuOrder"
,
dataBound:
function
(e) {
e.sender.select(0);
}
})
//.data("kendoTabStrip").select(0);
var
dataSource =
new
kendo.data.DataSource(
{
transport:
{
read:
{
url:
"http://localhost:58030/Config/api/Featus/GetMenu"
,
type:
"GET"
,
dataType:
"json"
,
contentType:
"application/json"
,
charset:
"utf-8"
}
},
data: {
name: { type:
"string"
},
desc: { type:
"string"
},
menuOrder: { type:
"string"
},
Url: { type:
"string"
}
},
});
var
tabStrip1 = $m(
"#tabstrip"
).data(
"kendoTabStrip"
);
tabStrip1.setDataSource(dataSource);
});
</script>
Let me know where should i put this loading content.
<div id="divProcessing">
<p>Processing, please wait . . . <img src="../../Content/ajax-loader.gif"></p>
</div>
Should i put this code in tabstrip control or in the tabstrip contents where it is displayed ?
I have done in mvc can you help me to achive in Kendo UI
Thanks in advance!