Questions on Kendo UI for jQuery Forum

3 answers

353 views

Now that the Breadcrumbs control is available for Silverlight RadControls, are there any plans to add a similar control to Kendo Web? If so, when could we expect to see it? Is there an item already tracking this so we could vote on it?

Thanks!

General Discussions

answered on 24 Apr 2013

1 answer

108 views

Issue with column filter UI on grid

It seems using a pre-filtered data source on a grid no longer flags the filter as active in the Q1 2013 release, however the filter is applied. It seems if you click on the filter the UI pops up and has the proper fields filled out, and will correctly flag the filter as active when the pop-up loses focus.

I made a demo here: http://jsfiddle.net/sparksterz/49N3g/

Any insight or confirmation of the problem would be helpful.

Grid

answered on 24 Apr 2013

1 answer

59 views

endlessScroll dataSource.remove(model) problem

Hi All,

I currently have a mobile listview that has endless scrolling (server paging). By endlessScroll design, when another page is requested from scrolling, the previous page data is not available in the dataSource. Therefore when I want to remove the item from the listview, I would typically use "dataSource.remove(model)" The code snippet below shows where I have the dataSource.remove(model). But if I try and remove an item from a previous page, it is not in the dataSource. Would anyone know how I would remove the item from the listview not in the current dataSource list? Would I need to remove it from the DOM level? Any help would be greatly appreciated!

Thanks in advance.

function touchstart_inbox(e) {

var target = $(e.touch.initialTouch),

listview = $("#group-inbox").data("kendoMobileListView"),

model,

button = $(e.touch.target).find("[data-role=button]:visible");

if (target.closest("[data-role=button]")[0]) {

var ID = $(e.touch.currentTarget).find(".msgID").attr("data-id");

if (target.closest("[data-role=button]")[0].id == "InboxDeleteButton") {

$.ajax({

type: 'PUT',

url: '/api/Message/' + ID + "/?decision=1",

success: function () {

dataSource.remove(model);

},

failure: function (errMsg) {

alert("Something happened. Triage not recorded");

},

dataType: "json"

});

}

ListView (Mobile)

answered on 24 Apr 2013

1 answer

92 views

New Record on Grid, Default FK value

I've got a grid. Each new row will has a default FK value that ties each row to the parent on the page item (master, child or master - detail where the page is the master, the grid is each child record).

How do I set the FK value so that when I add a new row using the grid, it knows what FK to bind each row too?

Grid

answered on 24 Apr 2013

2 answers

182 views

Clarification on column width & scrollable

I'm currently evaluating the Kendo UI Grid for use with our product and have come across an issue regarding column widths. According to many forum posts the defined column widths of a Grid become fixed if the Grid's "scrollable" property is set to true. I need to use the grid with scrollable.virtual = true, with the ability to set the width of the Grid's columns, and potentially have a horizontal scrollbar. According to existing forum posts this doesn't seem to be possible.

However, when I look at the Kendo UI site's example, specifically this one:
http://demos.kendoui.com/web/grid/virtualization-remote-data.html

We have a grid that is scrollable, in virtual mode, and the widths of the columns seem to be respected with a horizontal scrollbar. In my testing, my code is virtually identical with the exception of using my own datasource, yet I end up with columns with equal widths. Is the behavior in the example actually possible or is that based on some deprecated version?

Also is there a way to get the vertical scrollbar to show up on mobile devices/tablets?

Thanks,
Kenny

Grid

answered on 24 Apr 2013

1 answer

176 views

HTML with classes in text area

I'm wondering if I can use more than just html elements in the text area that is created by the dataTextField. I'd like to add html classes but I'm having trouble getting it to work.

Example:

dataTextField: "text",
dataImageUrlField: "imageUrl",
dataContentField: "content",
dataSource: [
{
text: "Bid Details",
imageUrl: "img/bid_details_icon.png",
content: "<table class="hello_world"><tr><td>Hello World</td></tr></table>"
},

The set of quotes for the class name breaks the string.

Thanks
-Brandon

TabStrip

answered on 24 Apr 2013

3 answers

784 views

[Solved] set focus on autocomplete from select event in another autocomplete doesn't work

Hi!
I'm trying to create a simple form using two autocompletes (column1 and column2). I want the form to be fluent, so after the first autocomplete is selected I tried to set the focus on the next one. (using the select event in the first autocomplete)

I tried:

$("#column2").focus(); and $("#column2").data("kendoAutoComplete")focus();
but it didnt't work.

I set up a sample in js fiddler

How can I achieve the desired behavior?

Thanks!

AutoComplete

answered on 24 Apr 2013

5 answers

803 views

Problem with date parsing

Hi,
I'm trying to load a dataSource date field with a Javascript date value like 1366408800000. The grid will not display the value - do I need to strip off the time aspect?
If i change the field to dateTime type it simply displays the full number + when editing it treats it like a number - with no date picker - I'd like it to treat it like a date, with correct formating.
Regards,
Jack

Grid

answered on 24 Apr 2013

1 answer

361 views

ListView Selection Validation

Hi,

Is it possible to validate the selection (not editing) of a ListView? In other words to use the validator to verify that an item is selected in the listview when the selection mode is set to 'Single'?

This seems like it would be a fairly straightforward thing to require, but I've tried just adding the 'required' attribute to the div, but it doesn't seem to make any difference....

Thanks in advance,

J.

Validation

answered on 24 Apr 2013

1 answer

268 views

Kendo ui grid inline editing in tab with Datepicker not select a date value

Hi Guys,

I having an issue where kendo ui inline grid inside tab does not select any value. The Razor page that i have created is not inheriting _layout.cshtml. Would be this an issue since the inline grid date picker selected value when not implementing inside tab. Please advise, thank you.

@(Html.Kendo().Grid<HH.PrductModel>()

.Name("Product")
.HtmlAttributes(new { @Style = "align:center; font-size:10px; width:950px" })
.Columns(columns =>
{

columns.Bound(p => p.ProductId).Width(95);
columns.Bound(p => p.Name).Width(120);
columns.Bound(p => p.Description).Width(150);
columns.Bound(p => p.ExpiryDate).EditorTemplateName("Date").Format("{0:dd/MM/yyyy}").Width(115);

columns.Command(commands => commands.Edit()).Width(100);

})

.ToolBar(toolbar => toolbar.Create())
.Sortable()
//.Pageable()
.Pageable(paging => paging
.Input(false)
.Numeric(true)

.PreviousNext(true)
.PageSizes(new int[] { 5, 10, 25, 50 })
.Refresh(false)

)
.Selectable()
.Scrollable()
.ColumnMenu(c => c.Columns(false))
.DataSource(dataSource => dataSource

.Ajax()//bind with Ajax instead server bind
.PageSize(10)
.ServerOperation(true)
.Model(model =>
{
model.Id(p => p.ProductId);

})
.Sort(sort => sort
.Add(x => x.Name).Descending())

.Read(read => read.Action("GetProductData", "ProductDetails").Type(HttpVerbs.Get))
.Create("CreateProductList", "ProductDetails")
.Update("EditProductList", "ProductDetails")

)

)

Please advise, thank you

Grid

answered on 24 Apr 2013