Hello,
I want to achieve a stacked bar chart and the values to start from 0, what I mean is when I have for example 1 Category with 2 Series Items, one with Data value 1 and another with Data value 3 the stacked chart looks like 1 and 3 in different colors but going to 4 on the X axis(value axis) so it is summing them..
What I want is to be stacked.. like bar going to 3 and then another going to 1 over it thus going to 3 on the value axis.
Here is an example.
Another question, how to achieve something like the picture I send.
It's a stacked bar chart with lets say 2 Categories but for all values on the Y axis..
Thank you!
So I have done my initial loading of the TreeList with datasource read. During that time I cache off the DataSourceTransportOptions passed into the read method
This tree shows fine initially but I am trying to then load a subtree with many nodes under a user selected node. I download the partial subtree of data and have the id's and parentId's set properly and use the cached DataSourceTransportOptions to call options.success(myCompleteList). My expectation is that my data would be inserted into the correct location but it appears to screw up the id's and parentId's of the rendered data.
I have confirmed that the id's and parent id's of my data is correct just that the view is not.
Obviously, I am doing something wrong or perhaps it is a limitation that I cannot build up a tree a subtree at a time.
-Craig
Dojo example: http://dojo.telerik.com/@RichardAD/AkuLUw/5
I am experiencing a strange template issue.
A kendoListView configured with a data source having 6 items (from an array) and a script based text/x-kendo-tmpl template. The template has 3 'top level' sibling html tags like span and div. The listview renders all six elements. The first six rendered top level tags get a role=option and data-uid= corresponding to the six data source items. This means the first two renders use all the data-uid and the remaining four get none.
java script array
var
mappedtag_taglist =
[ {
"ID"
: 100,
"Name"
:
"Razor View"
}
, {
"ID"
: 101,
"Name"
:
"JQuery"
}
, {
"ID"
: 102,
"Name"
:
"MS Sql"
}
, {
"ID"
: 103,
"Name"
:
"My Sql"
}
, {
"ID"
: 104,
"Name"
:
"Ruby"
}
, {
"ID"
: 105,
"Name"
:
"SQL"
}
];
data source config
var
mappedtag_datasource =
new
kendo.data.DataSource({data: mappedtag_taglist});
listview config
$(
"#mappedtag_listview"
).kendoListView({
dataSource: mappedtag_datasource,
template: kendo.template($(
"#mappedtagtemplate"
).html())
});
template as script
<script type=
"text/x-kendo-tmpl"
id=
"mappedtagtemplate"
>
<span>1st template root level content</span>
<span>2nd template root level content</span>
<div>3rd template root level content
<div class=
"tagitem k-block"
>
#:Name#</div>
<span class=
"k-button item-close"
data-id=
"#:ID#"
>
<span class=
"k-icon k-i-close"
></span>
</div>
</script>
Is this expected behavior by the template compiler ? I can't find any documentation, demos, examples or posts discussing this issue.
My preference would be to add my own data-uid="#=data.uid#" to some component in the script, and have the template in the script be utilized once per item.
Since my experience is that all items are rendered, it is just how the data-uid= gets added to the render is peculiar.
Is it possible to directly edit the formatting of the default Excel output from the Treelist widget? Currently I am using a datasource export function to create my Excel document, however I am unable to sort the list exactly the way it appears in the widget itself without iterating through the entire datasource to sort and format as needed.
Specifically, I need to have parent items bolded with a blank line above to show grouping. Child items are displayed under parents with no blank cells tabbing the document over.
Hi , I have model with iterating items to show the list of items and I want to show tooltip for each item description. Please help me.
below is the code snippet.
</tr>
@foreach (var item in Model)
{
<tr>
<td>
<ul class="single">
<li>
@Html.ActionLink(item.Name, "LoadValue", "Category", new { item.BusinessId, ViewBag.Environment }, null)
</li>
</ul>
</td>
</tr>
}
I am new to Kendo. and am confused how to bind the tooltip for each item here.
I'm looking for a way to clear my kendo grid which is using remote odata service. I know that I can call dataSource.data([]) when I'm using local data (i.e. setting dataSource.data config property), but I can't understand how to do the same thing using remote data (i.e. using data.transport). Any suggestions?
The only way I've found is to conditionally call options.success({empty odata response object}) in your transport callback. But the problem is that such empty object contains @odata.context property which is dynamically generated on the service side and I'm not sure where it is used by kendo or it is'nt.
<script>
var
keyDown = kendo.ui.DropDownList.prototype._keydown;
kendo.ui.DropDownList.prototype._keydown =
function
(e) {
if
(e.keyCode === kendo.keys.SPACEBAR &&
this
.filterInput[0] === document.activeElement) {
return
;
}
keyDown.call(
this
, e);
}
</script>
I have a grid pop-up editor defined, which uses a numeric textbox. I'm trying to get this to show only integers, but I'm not having any luck.
From other forum posts, data-format="0" should work, but this breaks the grid, with an 'e.slice is not a function' error.
Currently it is defined as:-
<p><label>Year:</label><input type=
"text"
name=
"Year"
data-type=
"number"
data-bind=
"value:Year"
data-role=
"numerictextbox"
data-spinners=
"false"
data-decimals=
"0"
/></p>
This works fine, except shows two decimals.
If I change it to:-
<p><label>Year:</label><input type=
"text"
name=
"Year"
data-type=
"number"
data-bind=
"value:Year"
data-role=
"numerictextbox"
data-format=
"0"
data-spinners=
"false"
data-decimals=
"0"
/></p>
The grid stops working, and the error is raised.
How can I get it to work?