Questions on Kendo UI for jQuery Forum

1 answer

295 views

any/all operators for filtering using DataSourceRequest - many to many

I have an Alert DataSource i have a listview bound to.
Alerts many to many with Tags
I need a way to filter using the any operator. Is this supported in: DataSourceRequest?

how would i define the json if supported or is there a workaround?
{
     "field": "Tags",
                    "operator": "eq",
                   "value": 'Marketing'
}

related:
http://stackoverflow.com/questions/9278044/wcf-data-services-many-to-many-with-filter

Data Source

answered on 07 May 2013

2 answers

190 views

Image files called sprite@2x.png

Hi,
Is there any reason why this file needs to have an @ symbol in it?
It causes a problem when trying to deploy in a SharePoint app. SharePoint doesn't like files with an @ symbol in it.
Many thanks

General Discussions

answered on 07 May 2013

2 answers

70 views

How do you open time component of datetimepicker using keyboard?

Hi,

How do you open the timepicker in the datetimepicker using the keyboard?

According to the following link:
http://demos.kendoui.com/web/datetimepicker/navigation.html

you can open the date picker using alt+down arrow, but how do you access the timepicker component of the datetimepicker using the keyboard?

Thanks

DatePicker

answered on 07 May 2013

1 answer

242 views

Splitter and percentages totaling more than 100%

I have the need for a 7 column splitter where only 4 columns are visible at any point. I have set the overflow to hidden on the parent container and will control horizontal scrolling programatically as needed.

Is this a bug or is this an unsupported use-case? It appears that everything is calculated properly except for the width. I'm going to try fixing it after creation as well as after the resize event fires. Your help would be appreciated.

$('#target').kendoSplitter({

orientation: 'horizontal',

panes: [

{ collapsible: false, resizable: false, size: '25%' },

{ collapsible: false, resizable: false, size: '25%' }

]

});

The 7th column gets rendered with a width of 0. This is probably a bug where the splitter doesn't expect for the columns to be greater than 100%. Here's what gets rendered:

<div id="target" class="k-widget k-splitter" data-role="splitter">

<div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 0px;">1</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 300px;"></div>

<div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 307px;">2</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 607px;"></div>

<div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 614px;">3</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 914px;"></div>

<div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 921px;">4</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 1221px;"></div>

<div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 1228px;">5</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 1528px;"></div>

<div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 1535px;">6</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 1835px;"></div>

<div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 0px; height: 300px; left: 1842px;">7</div>

</div>

The most important being the last

<div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 0px; height: 300px; left: 1842px;">7</div>

Splitter

answered on 07 May 2013

1 answer

911 views

How to set min value for Kendo web grid numeric field filter?

Hi,

I am using KendoUi web grid with MVC. I have a integer column. I need to prevent user to enter negative values in the filters from the numericdropdown.

Please guide me how can I achieve this?

Please refer attached image for clear idea what I want to do.

Grid

answered on 07 May 2013

0 answers

90 views

How to set min value for Kendo web grid numeric field filter?

I am using KendoUi web grid with MVC. I have a integer column. I need to prevent user to enter negative values in the filters from the numericdropdown.

Please guide me how can I achieve this?

Grid

asked on 07 May 2013

4 answers

180 views

Pan on chart with multiple series

Hello,
I am triying to implement the pan behavior over a Line Chart with multiple series.
With one series it works fine, but when add more series ot still makes the pan, but only the first serie is visible.
The others series just dissapear.
I am using one datasource, and each series uses one field of each json node.
DataSuorce example:

This DataSource is generated dinamically, bacause the user can adds data and series.
The original dataSource:
[{time : "22:10" , count : 1000 },{time : "22:11" , count : 1450}]
Whe user adds a new data and new serie the next data source is generated dinamically adding more fields to the original dataSource (user adds 3 more data sources, for example):
[{time : "22:10" , count : 1000 , count_2 : 998, count_3: 756},{time : "22:11" , count : 1450 , count_2 : 398, count_3: 686},etc...]
The first series defines its "fields source" to "count", the second serie to "count_2",etc...
Everything is ok at this point, but when I drag the chart ,only the fisrt serie is still visible. If I adds the series again are en the right place, the pan is ok.
Could you give me any help please?
Some images are attached to try to explain better..

Charts

answered on 07 May 2013

1 answer

149 views

Editorr "keydown" event doesn't fire with enter key

Using event binding, the "keydown" event doesn't fire when the enter key is pressed. If I bind to the "keyup", it works just fine. I really need it to be on keydown, is this default behavior?

Thanks,
Dean Wise

Editor

answered on 07 May 2013

3 answers

535 views

[Solved] Add Items to KendoDataSource does not trigger the transport create function

Using KendoDataSource's "add" method adds to the local view model object and does not call the transport create method. Is there a version of the add method that calls the create method defined in transport (in my case my code is similar to the aspnet-crud example project in kendo grid). I would want my controller method called on kendodatasource add. Please advise

Data Source

answered on 07 May 2013

1 answer

510 views

Event when we navigate to a cell in a grid?

Hi,

Is there an
event that we can use when we navigate to a cell in a grid either by tabbing or using the keyboard to navigate?

The purpose of this is to show the cell data on an information panel when the user navigates around using the keyboard, but not necessarily edit it or select it.

I have noticed an issue with tabbing and custom drop down list editor. When tabbing through the cells at a fast pace, sometimes the grid loses focus and the focus goes to a different control on the page and not the
next cell.

Is there anyway after the edit of a cell to regain focus and move to the next cell?

Grid

answered on 07 May 2013