or
1 answer
8.5K+ views
Hello,
I couldn't see anything in the API docs. Is there a way to programmatically sort a table after the grid has been rendered? We'd like to show the default sort order
I couldn't see anything in the API docs. Is there a way to programmatically sort a table after the grid has been rendered? We'd like to show the default sort order
Aleksandar
Telerik team
answered
on
02 Mar 2020
2 answers
146 views
Hi, Dev Team!
I use Cards with "k-card-deck" class. How i can do stretched link in every "k-card" inside "k-card-deck"?
need something like that:
<div class="k-card-deck">
<div class="k-card">
</div>
<div class="k-card"></div>
</div>
Petar
Telerik team
answered
on
28 Feb 2020
7 answers
786 views
Do you have an example of using the Kendo Grid control for javascript that sets the options to serverAggregates = true? I have been trying to make this work and sadly only can get the client aggregation working. I have read numerous configuration settings and other forums that make suggestions. An example would be more affective showing both the data source options and the grid options working together.
Angel Petrov
Telerik team
answered
on
28 Feb 2020
3 answers
1.4K+ views
There is new feature on the grid - filter row. It is very nice, but I have a problem of adjusting the width of the filter text box. For example in the following demo all columns are large enough:
http://demos.telerik.com/kendo-ui/grid/filter-row
However, if we set the OrderId column to be smaller to 100px, the filter text box is larger, and there seems to be no easy way to make it fit in smaller column.
See, it hides the filter button, and text box is longer:
![]()
I was thinking of either doing it using the cell.template, but then I don't know how to reproduce that entire filter box behavior. Another option would be to somehow add some css to control width of that particular text-field.
Any suggestions?
http://demos.telerik.com/kendo-ui/grid/filter-row
However, if we set the OrderId column to be smaller to 100px, the filter text box is larger, and there seems to be no easy way to make it fit in smaller column.
See, it hides the filter button, and text box is longer:
I was thinking of either doing it using the cell.template, but then I don't know how to reproduce that entire filter box behavior. Another option would be to somehow add some css to control width of that particular text-field.
Any suggestions?
Silviya Stoyanova
Telerik team
answered
on
28 Feb 2020
5 answers
1.9K+ views
Can I add a callback function to the dataSource sync() method? I want code to wait until after the sync() is finished before proceeding because subsequent code is querying the data that is updated by the sync().
I don't want to use the dataSource's change event because I need to stay in scope where I manually call the sync() method.
I don't want to use the dataSource's change event because I need to stay in scope where I manually call the sync() method.
Vivek
Top achievements
Rank 1
Rank 1
answered
on
28 Feb 2020
2 answers
630 views
Hi
I'm using a multiselect and trying to select 2 values programmatically but only the first is really showing. Here is a piece of code of what i'm doing.
var multi= $("#pilotProgram").data("kendoMultiSelect");
multi.value(["1", "2"]);
multi.trigger("change");
Thank you
Claudia
Top achievements
Rank 1
Rank 1
answered
on
27 Feb 2020
3 answers
358 views
Hi,
I'm trying to follow this example - https://www.telerik.com/forums/best-way-to-dynamically-build-pareto-chart and sort the funnel chart using the dataBound event, but unfortunately it doesn't work. Please check my dojo - http://dojo.telerik.com/OJUcikOr . My requirements are to group the data by the category property and then to sort it desc.
Waiting for an advice.
Best Regards, Boyan.
Alex Hajigeorgieva
Telerik team
answered
on
27 Feb 2020
1 answer
1.0K+ views
Hi,
Whats up with the k-link class not apply any hyperlink styles?
I got the class from here: https://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling#common-css-classes. but when I apply it, it actually removed styling, see dojo https://dojo.telerik.com/edUQOkop.
Please advise,
Grant
Nencho
Telerik team
answered
on
27 Feb 2020
6 answers
2.1K+ views
Hi,
I hoping this will be a easy answer.
I have a grid and to keep it simple it only has two columns. Quantity and Value. There is an additional JavaScript variable called 'price'. In this example price = 10.
Quantity is inline editable, and Value is defined in the schema as being { editable: false }
When the user clicks the Quantity cell and enters a new number, I need the cell next to it (Value) to recalculate and display the new number in Quantity * price.
So, initially the grid row would be Quantity 0, Value 0.
User enters 10 in Quantity. Value changes to 100.
For some reason I just can't get this to work. Any help would be appreciated!
2 answers
1.0K+ views
So I have a grid with a ClientDetailTemplate, with both having client templates referring to item values. This works fine, basically something like
@(Html.Kendo().Grid(Model.Fields) .Name("FieldsGrid") .Columns(columns => { columns.Bound(o => o.Title).Title("Title").Width("25%") .HeaderHtmlAttributes(new { Title = "Title", style = "text-align:center;" }) .HtmlAttributes(new { Class = "lt" }).ClientTemplate( "<a target='_blank' href='#= Url #'>#= Title #</a>" ); }) .ClientDetailTemplateId("template") )<script id="template" type="text/kendo-tmpl"> @(Html.Kendo().Grid(Model.JobSearchResults) .Name("CareerJobSearchResultGrid_#=JobSearchId#") .Columns(columns => { columns.Bound(o => o.Title).Title("Title").Width("40%") .HeaderHtmlAttributes(new { Title = "Title", style = "text-align:center;" }) .HtmlAttributes(new { Class = "lt" }).ClientTemplate( "<a target='_blank' href='\\#= Url \\#'>\\#= Title \\#</a>" ); }) .ToClientTemplate() )</script>
The problem is when I want to add some HTML attributes based on some model information, trying to do something like
.HtmlAttributes(new { Class = "lt", data_title = "#= Title #" })I can't get this to work for either the grid or its client template, regardless of escapes etc.
Basically, it doesn't appear to do the substitutions, and in both cases, I get an error:
SyntaxError: missing : after property id ...tes:{Class:"lt",data-title:"#= Title #"},width:"10%",tem
Is what I'm trying to do possible and I'm just using the wrong syntax? Or is it not possible?
Thanks in advance.
