Questions on Kendo UI for jQuery Forum

1 answer

177 views

How I can use the "aggregates" in an listview? . If possible, how would I?

I can see that in a grid itself can by the FooterTemplate property but the listview does not have that property.
Thanks.

ListView (Mobile)

answered on 19 Apr 2013

1 answer

406 views

Add event to clear filter on grid

I have a button at top that I wire up to do a filter reset. I show that button whenever a filter is applied. However in the columnMenu filter clear, it does clear the filtering of the data, but I need it to hide that button IF there are no more filters. I am overriding the filter function with a custom filter

Questions:
1) Is there a way to tie into the clear event that is fired from filterMenu to update certain UI elements?
2) Is there a way to identify if ANY filter is on a grid since the filter function loops through column by column and I want to know if ANY filter is applied?

Thanks.

-John-

Grid

answered on 19 Apr 2013

1 answer

306 views

How to use custom content to show the grid's tooltip?

How to use custom content to show the grid's tooltip? I want to show the tooltio ofcoloumn 2 and coloumn 3 ,and the content is a span which id called spanid or div which is called divid?


    var tooltip = $("#Grid").kendoTooltip({
            filter: "td",
            width: 120,
            position: "top",
            content: value
        }).data("kendoTooltip");

I try to write this,but it seems wrong.

    var tooltip = $("#Grid").kendoTooltip({
            filter: "td[3n]||td[2n]",
            width: 120,
            position: "top",
            content: divid.html()
        }).data("kendoTooltip");

Grid

answered on 19 Apr 2013

1 answer

72 views

IE9 issue with kendo grid within tabstrip, having fixed columns and row detail

I'm experiencing a bizarre issue only in IE9 where I have a tab strip, within the tabstrip is a simple grid with row detail, having fixed columns exceeding the width of the grid thus showing the horizontal scrollbar. When I mouse over the rows or select a row, whitespace is being added to the bottom of the grid. Then once you move the mouse outside the grid, the whitespace goes away and the grid returns to its original size.

If I remove the row detail and do not make the rows or cells selectable, this behavior does not occur.

I need to have row detail, fixed columns and horizontal scrolling because in my app, I can display up to 20 or so columns based on the user's preference.

Here is the jsfiddle using the latest Kendo release and jquery 1.9.1. I also saw this in the previous release as well.
http://jsfiddle.net/Fh29p/

Most of my users are IE8 and are moving to IE9 so this issue needs to be resolved.

Any help is appreciated.

Grid

answered on 19 Apr 2013

2 answers

394 views

Text Color Changes When Selecting Focusing on input field in Safari

I have a strange artifact happening only in Safari on osx 10.8.3 where when I click in an input text field, which I have setup as a search box on the grid, the color of the font in the grid and other items on the page including a panelBar changes color. I also see this happening in the listView when selecting the edit button. On another page I have several panels with edit templates. When I click on one of the edit buttons, the correct panel updates with the edit template but again, all of the text on the page as well as the panelBar changes color. I'm assuming with the edit button situation it is because the edit template has a text field that is receiving focus, and this is somehow triggering a change in the css.

I am not seeing this result in firefox on osx or chrome in win7.

Any ideas how to resolve this or is there a workaround by forcing a css value for the text items being adjusted on text field focus?

Thanks,
Andrew

After some more exploring I found out that if I close an open section in the panelBar then the colors will return to their normal value. If I select a section in the panelBar then the colors change again....

Could be a problem with the panelBar rather than the text field focus...

General Discussions

answered on 19 Apr 2013

2 answers

264 views

datasource.sync(), server error, leave edit mode, lose dirty indicator

Hi to all,
we are facing a behaviour from grid/datasource, which looks as a serious 'bug' to our customers.

The scenario is as following :

1) The grid is set up for 'Inline' editing.
2) The user changes to 'Edit' mode, changes some values.
3) Press 'Update' button
4) an error occurs in server side processing , the error handler displays a message.
->
5) now the grid row leaves the edit mode, removes dirty indicators and (!!) displays the new values changed from user.

This is very confusing for the user because he has no clue of the current data state.

Is there an approach or sample how to reset the grid row to 'Edit Mode' and indicate the current state of the grid/row.

Thanks
Thomas

Grid

answered on 19 Apr 2013

3 answers

2.3K+ views

Multiple datasources for one grid

Good day,

I am new to Kendo Web widget. I have two different data entities to render rows for one grid, which are bound to the same service.
Can I use multiple datasources for one single grid?
If it is possible, could you give me an example how to make it? Or alternative solutions ?

Guillermo Sanchez

Grid

answered on 19 Apr 2013

1 answer

95 views

Bug in declarative data-row-template attribute for grid

I've found a bug in the latest release of Kendo UI for the grid.

Given a grid definition like:

<div data-role="grid" data-row-template="#= data.something #"></div>

Will not work correctly. I've traced the problem to the 'parseOptions' function where it calls:

if (templateRegExp.test(option)) {

This method ALWAYS returns true because the value of 'option' is always 'rowTemplate'. I believe the fix is to change this code to:

if (templateRegExp.test(value)) {

Which will correctly indicate if the value supplied for the 'data-row-template' attribute is an inline template, or the ID of script element that contains a template.

Please let me know when a fix is available. thanks.

Grid

answered on 19 Apr 2013

3 answers

280 views

Kendo UI Home page rotator

Is the rotator with the orange background on the home page of Kendo UI made with kendo UI web components?

I like the way it works and would like to build a similar mechanism into my own web page.

General Discussions

answered on 19 Apr 2013

4 answers

651 views

Databind Listview group title

Is there a way to databind a listview group title. For styling purposes in my app its nice to use the grouped listview so that the title can be styled nicely like so ...

<ul data-role="listview" data-style="inset" data-type="group">

<li>

Spiffy Items

<ul data-role="listview" data-style="inset" data-bind="source: spiffySource" data-template="spiffyTemplate" ></ul>

</li>

</ul>

I would like to be able to databind the group title such that I change the text based on how many items are present (i.e. 'No Spiffy items' if datasource has 0 items ... etc). No problem I think databinding to the rescue ... I just make a computed dependency on my viewmodel and bind a span to that.

<ul data-role="listview" data-style="inset" data-type="group">

<li>

<span data-bind="text: spiffySourceHeader" ></span>

<ul data-role="listview" data-style="inset" data-bind="source: spiffySource" data-template="spiffyTemplate" ></ul>

</li>

</ul>

Sadly once databinding has done its thing the final output looks like this ...

<li class="km-group-container">

<div class="km-group-title">

<div class="km-text">

</div>

<span data-bind="text: spiffySourceHeader">Found one Fuel Stop</span>

</li>

My span is outside of the km-group-title and km-text so it doesn't get styled ...

Now I know I can just apply the styles to make it look appropriately but what is the proper way to achieve this affect?

ListView (Mobile)

answered on 18 Apr 2013