Questions on Kendo UI for jQuery Forum

7 answers

876 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.

Grid

answered on 28 Feb 2020

3 answers

1.5K+ views

How to adjust width of the filter textbox on the filter row cell?

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?

Grid

answered on 28 Feb 2020

5 answers

2.0K+ views

dataSource.sync() callback

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.

Data Source

answered on 28 Feb 2020

2 answers

677 views

Unable to select multiple items programatically

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

MultiSelect

answered on 27 Feb 2020

3 answers

393 views

[Solved] How to sort funnel chart using category axis

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.

Charts

answered on 27 Feb 2020

1 answer

1.1K+ views

Problems applying k-link to <a>

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

General Discussions

answered on 27 Feb 2020

6 answers

2.4K+ views

Updating the value of a non-editable cell

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!

Grid

answered on 27 Feb 2020

2 answers

1.1K+ views

Can't access model value in client template

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.

Grid

answered on 26 Feb 2020

4 answers

197 views

[Solved] Custom Toolbar Template + Angular

How can I create a custom toolbar button, using a template, and attach an event to it from an Angular controller?

Any help would be awesome.

Toolbar

answered on 26 Feb 2020

1 answer

272 views

FileManager

Hello Sir!!!

How to CRUD operation can be done in File Manager.

FileManager

answered on 26 Feb 2020