Questions on Kendo UI for jQuery Forum

1 answer

318 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

75 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

402 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

271 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.4K+ 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

103 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

292 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

658 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

1 answer

273 views

Best way to rebind data?

Hi,
I currently run some test to see if we can use Telerik Kendo Web on a very specific application.

The programmers team need to send data to Telerik control without to many Framework UI "Black Box". Its ok for him to rebind manually the date when a particular event come.

When we create the control:

$("#cboListe").kendoComboBox({

dataTextField: "Nom",

dataValueField: "Id",

dataSource: Module.Collection,

filter: "contains",

suggest: true,

index: 1

});

Module.Collection connait a lits of object. After the creation, what is the best way to refresh the combobox manually? I can recall the kendoComboBox function and recreate the combobox, but that cause a small visual glitch.

Any suggestion?

ComboBox

answered on 18 Apr 2013

1 answer

660 views

Multiselect placeholder?

I have a multiselect with about 700+ items. It's quite possible that a user may want these items to be selected by default. Rather than displaying all of them, I would like to have a placeholder 'All' item that gets display in the case of nothing being selected. Any suggestions on how to go about doing this?

MultiSelect

answered on 18 Apr 2013