Questions on Kendo UI for jQuery Forum

4 answers

118 views

DropDownList display double search boxs when using MVVM with filter enabled

Hi,

It's find that DropDownList display double search boxs when using MVVM with filter enabled, and [Here] is an example: Click the DropDownList input and we will see two search boxs. However, when we remove this line:

kendo.bind($("#products"), viewModel);

it works okay. Any suggestions? Many thanks.

DropDownList

answered on 29 Aug 2014

1 answer

620 views

How Can I Extend The Kendo Angular Grid?

I would like to be able to do something like:

<div kendo-custom-grid></div>

And have a custom function that runs every time the extended version
of the grid is used, that way I don't have to repeat myself with the
same method when loading the grid every time.

Since right now I'm doing:

<div kendo-grid></div>

It looks like there's a way to extend the grid using extend in the non angular kendo grid. http://elybob.wordpress.com/2013/09/06/kendo-grid-extension-tutorial/

Grid

answered on 29 Aug 2014

2 answers

208 views

[Solved] kendo.getter cache doesn't return safe version

Hi,

I have an issue where the non-safe getter is being cached and then when I need the safe version the cache returns the non-safe.
i.e.
First call results in:



return d.c1661059794

second call that needs the safe version gets the above instead of:

return ((d.c1661059794 || {}).value)

This is entirely in kendo code and appears to be caused by having both a grid with (aggregates) and chart on the same page. Both use separate datasources, but contain similar data where the value is a complex object.

The first call to the getter appears to be from the grid datasource running the aggregation (stack trace attached).

Firstly, should the cache not take the safe flag into account? I would consider it a bug that it doesn't.
Secondly, is there a workaround I can use to fix the cache so that the safe version is returned?
I am currently using Kendo UI v2014.1.528 though could update to the latest if it would resolve.

Thanks
Euan

General Discussions

answered on 29 Aug 2014

10 answers

3.5K+ views

[Solved] passing argument on data-click

Hi my question is if you
Can you pass an argument in the Kendo UI data-click? What is the best practice on passing arguments?
I noticed from the forum and testing on a ipad device that onclick functions doesn't work if u compile with phonegap .

nevertheless if u want to run a function on a button click the data-click="functionName" works but if u wanna pass arguments on that function how you do that?

Kind regards

Button (Mobile)

answered on 29 Aug 2014

2 answers

117 views

[Solved] splitbar adds tabIndex even though it is not resizable or collapsible

I noticed that when the Splitter adds the splitbars it will add a tabIndex="0" event though the panes are not resizable or collapsible. I would think that there is no need for the splitbars to receive focus if you can't do anything with them.

Does that make sense?

For now I was going to do something like this:

$(".k-splitbar").removeAttr("tabIndex");

Do you see any potential problems with this code?

This removes being able to set focus to any splitbar, even if it can be resized.

What do you think? Thank you!

Splitter

answered on 28 Aug 2014

1 answer

111 views

<br> in button text

Hello,

using a <br> tag inside the text of a toolbar button does not work. E.g. text: "Button<br>Text" is rendered as Button<br>Text.
A kendo button renders such a text properly.

Regards,

Bert

Toolbar

answered on 28 Aug 2014

1 answer

163 views

Grids and Nested DataSource Dependent DropDowns

I need to have a dropdown list appear in each row of a grid that is "fed" from the DataSource of the parent grid. I have a property in the grid datasource that is an object array.

Below is the grid datasource. I have a KendoGrid with a template on the "programVersion" column that creates the drop down. I'm failing adding the data to it. I've created (stolen and modified) an example (http://jsbin.com/cacabi/1/) that does almost what I want (I've been googling for a couple of hours). I've included my JSON Array in the datasource to show what I'm using.
http://jsbin.com/cacabi/1/edit

I basically want the Category dropdown to be populated with the programVersion data (which is different for each row).

Any direction or guidance will be greatly appreciated. Thanks in advance

{
"entityKey": "268900",
"number": "QR000024",
"companyDescription": "Mountain West",
"programDescription": "Intangible",
"programVersions": [
{
"versionId": 201226,
"versionDescription": "2013WorkingCapitalBudget",
"isCurrent": 0
},
{
"versionId": 201227,
"versionDescription": "Anotherbudgetversion",
"isCurrent": 0
},
{
"versionId": 201208,
"versionDescription": "WorkingBudget",
"isCurrent": 1
}
],
"$c": 1981,
"$r": 1,
"$checked": false,
"$checkedEnabled": true
}

Grid

answered on 28 Aug 2014

4 answers

264 views

[Solved] Menu, closeOnClick, anchor and Angular/ngRoute

It seems the closeOnClick does not fire correctly (at all) when there is an anchor tag in the menu and you're using Angular/ngRoute. See example below. Is this a bug or am I missing something.

Thanks,
Patrick

<ul data-kendo-menu style="display: inline-block; min-width: 80px;">

<li>

Men's

<ul>

<li>

<a href="#/FootWear">Footwear</a>

</li>

<li>

<a href="#/Leisure Clothing">Leisure Clothing</a>

</li>

<li>

Sports Clothing

</li>

<li>Accessories</li>

</ul>

</li>

</ul>

Menu

answered on 28 Aug 2014

7 answers

1.7K+ views

Grouping and Aggregates with ServerPaging on Grid

I was wondering if there are any examples of how to implement Grouping and Aggregates in in the grid when ServerPaging is used. At the moment the group just summarizes what's on the current page not the entire data set which gives incorrect totals. Since the grid only has a portion of the data I can't see how it can do it any other way.

I'm have a recordset of 50,000 records, obviously I don't want to send all that to the client. However I also need to implement group and aggregate totals. I'm calling an Web Service written in C# from JQuery. An example would be a great help.

If there no examples then I would like to ask the question, with the Kendo UI grid is it possible to group and summarize large datasets?

Grid

answered on 28 Aug 2014

1 answer

93 views

Select based on dataItems instead of selectors

I'm selecting some items programmatically by using kendoGrid.select. It works fine, but I find the restriction to only select based on DOM elements (or jQuery expressions) a bit restrictive. This is important specially when using frameworks like Ember or patterns like MVVM where you work with the data and not directly with the DOM. I have the following code to make it work, but it would be nice if I could just call kendoGrid.select('selectedMedication') instead of having to find the corresponding element myself. Any idea if that's possible?

```
var kendoGridObject = this.get('kendoGridObject'),
selectedMedication = this.get('selectedMedication'),
dataItems = kendoGridObject.dataItems(),
selectedDataItem = dataItems.findBy('_originalObject', selectedMedication),
selector = 'tr[data-uid="' + selectedDataItem.uid + '"]';
// finally from the data-uid we have our jquery selector
kendoGridObject.select(selector);
}.observes('selectedRow')
```

General Discussions

answered on 28 Aug 2014