I am including the following 2 libraries:
using Kendo.Mvc.UI;
using Kendo.Mvc.Extensions;
However, I am not able to do this:
List<TaskViewModel> inlineDefault = new List<TaskViewModel>();
I have a grid where I want to be able to hide some columns on first page load, a default view. I have seen all the examples on the samples site and they are all in jquery. We are using AngularJS in TypeScript. In the attached zip file you will see a simplified version of the grid where I'm just attempting to follow the examples on your site and I keep getting the 'hideColumns()' is not a function.
Thanks for any input on this issue!
Mike
$("#categories").kendoDropDownList({ optionLabel: "Select Category...", dataTextField: "name", dataValueField: "id", select: onSelect, dataSource: { //serverFiltering: true, transport: { read: "/myapp/categories" } }});var products = $("#products").kendoDropDownList({ autoBind: false, cascadeFrom: "categories", optionLabel: "Select product...", dataTextField: "name", dataValueField: "id", dataSource: { // serverFiltering: true, transport: {
//HARDCODED '1' SHOULD BE REPLACED WITH A SELECTED CATEGORY ID read: "/myapp/categories/1/products" } }}).data("kendoDropDownList");I have implemented a dashboard using Kendo UI and AngularJS by following this guideline http://developer.telerik.com/featured/customizable-dashboards-angular-kendo-ui-bootstrap/
Is it possible to make the widgets resizable so that the user can expand/shrink their width/height?
The group text shown above each group is cut short if using a locked column. We would like this this text to flow into the unlocked section since the whole line seems empty and available. I realize it's rendered using two different tables, but the user doesn't care about that.
I made the following css hack to accomplish it. It looks okay, albeit a bit slow to render. Is there a better way?
div.k-grid-content-locked tr.k-grouping-row td:first-child {
height: 15px;
width: 200px;
}
div.k-grid-content-locked tr.k-grouping-row td:first-child p {
position: fixed;
height: 19px;
z-index: 300;
margin-top: -12px;
padding-top:5px;
background-color: #f5f5f5;
}
Hello,
Is there a better way to get the grid object? Is there MVVM best practice to this approach?
HTML:
<div id="model"> <input type="button" value="ClickMe" data-bind="events:{click: onClick}"> <div id="grid" data-role="grid" data-bind="source: gridDS" data-columns="[ { field: 'Creatives_id', title:'ID'}, { field: 'Email', title: 'User' }, { field: 'State' }]"></div></div>
JavaScript
var model = kendo.observable({ onClick: function(e) { var grid = $("#grid").data("kendoGrid"); grid.select().each(function(e) { var dataItem = grid.dataItem(this); dataItem.State = 1; dataItem.dirty = true; }); grid.refresh(); }, gridDS: new kendo.data.DataSource({...})});kendo.bind($("#model"), model);
Thank you!
Hi,
I have created a treemap, assigning color to each tile, but if a tile is a header, the color is overidden.
There is a way to force a header color ?
As you can see, I have put an alert in itemCreated event, to stop after each tile creation, and as you can see in the first attached file, the tile have the color that I chose.
When the child tiles are created, the parent tile color is overidden (see attached file 2).
Thank you for you help
I create a bar chart to display data with positive and negative numbers. I must to set width of the chart in order to satisfy the requirement to display all of the columns. Here I just to show the label text of the series, but the label text will be truncated in some reason. the sample like http://dojo.telerik.com/azuco/3
Is there a method to implement this? I think the margin and padding cannot work well.
This looks like a bug.
I can reproduce on this example: http://demos.telerik.com/kendo-ui/grid/frozen-columns
1. Create a grid with a locked column.
2. Group by this column.
3. Resize the column width of the locked and grouped by column
4. Remove the group by
The locked column, that is no longer grouped by, cannot be resized and the filter button is gone.