Questions on Kendo UI for jQuery Forum

1 answer

131 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

313 views

[Solved] 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

696 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

327 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

717 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

1 answer

119 views

MultiSelect control is not themed

Hi Guys!

I'm trying to use the MultiSelect control with my favorites Kendo themes "Metro Black" and "High Contrast". All other Kendo controls in my application are themed accordingly but the MultiSelect background color remains white and text color is white too, thus making the MultiSelect selection by typing impossible and the control styling out of sync with the rest of properly themed controls.

Is this known behavior of the Kendo MultiSelect control?

Cheers!

MultiSelect

answered on 18 Apr 2013

1 answer

129 views

Kendo, Treeviw, IFrame, Change URL, VB

Hi,

I'm trying to find if their is a way to have a treeview control navigate an iFrame instead of the entire page.

I can't seem to see any "target" type setting, and you can't tweak the node URL as the treeview control URLencodes it and prefixes it witht he domain/server.

Is it possible to set the target or force the URL to be treated as raw?

I should add.... I'm using VB, MVC and Razor.

Is there a way to do this?

Kind Regards,
NH

TreeView

answered on 18 Apr 2013

5 answers

511 views

Image Browser

Hi,

is there a image browser planed to select an image to place in the editor?
The image browser data should come from an backend (via Data Source?).

Or is it possible to hook into to replace the image url window by my own component to achieve this?

Best,
André

Editor

answered on 18 Apr 2013

2 answers

235 views

kendo hierarchical grid Client template does not support @Ajax.actionLink

I have following hierarchical grid using template.
Ajax link does not work moment I add { UpdateTargetId = "mainBody" } to AJAX option.
It seems the client template doesn't like # in front of data-ajax-update [ data-ajax-update=\"#mainBody\"]

Any workaround, I tried replacing it with its unicode value but it din't worked.
Please help.

<script id="template" type="text/kendo-tmpl">
@(Html.Kendo().Grid<STAR.EPIC.Models.GNMA.LoanViewModel>()
.Name("exceptionsGrid_#=ExceptionQueueId#")
.HtmlAttributes(new { style = "width:30%;" })
.Columns(columns =>
{
columns.Bound(p => p.id).Width(100)
.ClientTemplate(@Ajax.ActionLink("\\#=id\\#", "LoanDetail", "LoanDetail",
new
{
Id = "\\#=LoanNumber\\#",
}, new AjaxOptions() { UpdateTargetId = "mainBody" }).ToHtmlString());
})
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("GetLoansForException", "LoanCollection", new { ExceptionQueueId = "#=ExceptionQueueId#", }))
).ToClientTemplate()
)

</script>

Grid

answered on 18 Apr 2013

1 answer

80 views

ThemeBuilder missing 3 widgets

Hi Guys!

I'm trying to use the Kendo online ThemeBuilder to get a look-and-feel for the Kendo Web suite of widgets under different themes but i cannot find there the MultiSelect, Tootip and ColorPicker widgets.

I believe these 3 widgets should appear there to give users a complete look-and-feel of Kendo UI Web suite of widgets.

Cheers!

General Discussions

answered on 18 Apr 2013