Questions on Kendo UI for jQuery Forum

11 answers

396 views

Hi!

We noticed that you are able to use keyboard navigation for changing the tabs in the tabstrip control.
This is useful for left and right direction but really confusing for the up and down directions.
We would like to keep the original functionality in the browser of the up and down arrows (which is scrolling through the content). Is there a way to configure which direction key does what, or at least turning this feature off?

We are using the version 2012.3.1114, although as far as I know neither of the later versions provide this option.

A.

TabStrip

answered on 28 Jan 2015

3 answers

179 views

Bullet chart: Databind plotBands to datasource?

Can I bind a Kendo bullet chart's plotBands (or any other chart) to a field in my datasource? There isn't one example in the web that doesn't have fixed plotbands.

All of the examples in the kendo site set the plotbands to a static number.

Thanks.

Charts

answered on 28 Jan 2015

1 answer

220 views

Kendo virtual scroll with browser window scrollbar

Hello Friends,

I want to implement kendo virtual scrolling with browser window scrollbar instead of grid scroll. Always I want to show only 10 records in my grid based on the mouse moving. If once mouse it reaches to bottom then i have to show next 10 records, in case it moving to top then i have to fetch previous 10 records. this way i have to implement.

Please give me your suggestions and share your thoughts to implement virtual scroll.

I have tried with following code, but still getting some issues.

$(window).scroll(function () {
if (($(window).scrollTop() == ($(document).height() - $(window).height())) == true) {
if (pageSize <= $("#listgrid").data("kendoGrid").dataSource.total()) {
pageNumber = pageNumber + 1;
pageSize = pageSize + 10;
$("#listgrid").data("kendoGrid").dataSource.query({ page: pageNumber, pageSize: pageSize });
}
}
});

Grid

answered on 28 Jan 2015

3 answers

131 views

ColumnReorder Event does not fire

Hi When I reorder the column with the function reorderColumn(x, y) the event columnReorder does not fire...

When I hide the column with hideColumn(x) then the event columnHide does fire

http://dojo.telerik.com/IGaHe/2

Seems like a bug to me

Many thanks

Grid

answered on 28 Jan 2015

1 answer

63 views

want to display all but a specific firm on the dropdown

function ConfirmMigrate(e){
                var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
                $("#window").data("kendoWindow").content(detailsTemplate(dataItem));
               // var name = dataItem.SubscriberFirmName;
                 $('#Subscribers').kendoDropDownList();
                var dropDown = $("#Subscribers").data("kendoDropDownList");
                var itemToRemove = dropDown.dataSource.at(0);// displays all but the first Subscriber.
                dropDown.dataSource.remove(itemToRemove);

I would like to display all but a specific firm on the dropdown. In my case it would be the name.
At the moment , drop down displays all but first subscriber on the table but I would like to pass the name of the firm as a parameter and do not include the name in the drop down.

DropDownList

answered on 28 Jan 2015

1 answer

89 views

Column filtering takes too many steps

Hi

How can I force the grid to reset the filter when the input filter field is emptied (it is unusual to have to click a "clear" button instead of just emptying the field)?

http://dojo.telerik.com/ukOja/10

Also I would like to update the grid when the user typed in the search field.

Many thanks

Grid

answered on 28 Jan 2015

4 answers

99 views

[Solved] Persist state not working for iPad Safari

Hi, I cannot get my application's grid or the Kendo grid demo to work with the new "persist state" feature when using iPad Safari. Is this a known issue?

Grid

answered on 28 Jan 2015

1 answer

113 views

Grid refresh to updated data

Hi

I update my data through one of my own functions. I am looking for a function that reloads the data.

grid.dataSource.read(); does not work

Here is my example

http://jsbin.com/jizujevixi/1/

Many thanks

Grid

answered on 28 Jan 2015

1 answer

242 views

InCell editing Masked Input

We would like to use incell editing and a masked phone no. MVC 5 application

I have tried this:

telephone.cshtml

@using Kendo.Mvc.UI

@model string

@(Html.Kendo().MaskedTextBoxFor(m=>m).Mask("(000) 000-0000"))

Model

public class ResidentVm

{

public Guid ResidentId { get; set; }

[Required]

public string FirstName { get; set; }

[Required]

public string LastName { get; set; }

[Required]

[DataType(DataType.EmailAddress)]

public string Email { get; set; }

[Required]

[DataType(DataType.PhoneNumber)]

[UIHint("Telephone")]

public string Phone { get; set; }

[Display(Name = "DOB")]

[Required]

[UIHint("Date")]

public DateTime DOB { get; set; }

}

gridview.cshtml

@(Html.Kendo().Grid<ResidentVm>()

.Name("ResidentsGrid")

.Columns(c => {

c.Bound(r => r.ResidentId).Hidden();

c.Bound(r => r.FirstName);

c.Bound(r => r.LastName);

c.Bound(r => r.Phone).EditorTemplateName("telephone");

c.Bound(r => r.Email);

c.Bound(r => r.DOB).Format("{0:d}").EditorTemplateName("Date");

})

.Editable(editable => editable.Mode(GridEditMode.InCell))

.ToolBar(toolBar => toolBar.Create())

.Pageable()

.Sortable()

.Scrollable()

.HtmlAttributes(new { style = "height:230px; margin-bottom:20px" })

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.ServerOperation(false)

.PageSize(20)

.Events(events => events.Error("error_handler"))

.Model(m =>

{

m.Id(em => em.ResidentId);

m.Field(p => p.ResidentId).Editable(false);

})

.Create(update => update.Action("CreateResidents", "AuthorizationExemption"))

.Read(read => read.Action("GetResidents", "AuthorizationExemption"))

.Update(update => update.Action("EditingInline_Update", "AuthorizationExemption"))

.Destroy(update => update.Action("EditingInline_Destroy", "AuthorizationExemption"))

)

However, this does not work :(

Please help

Grid

answered on 28 Jan 2015

3 answers

87 views

[Solved] ListView in mobile scroller with pullToRefresh set true cannot be rendered

Hi

We put a listview in mobilescroller, but it cannot be rendered,
Check this http://dojo.telerik.com/AXET/19
Maybe the bug https://github.com/telerik/kendo-ui-core/issues/280 is not fixed

And we tried to use `k-ng-delay` like http://dojo.telerik.com/AXET/20 , it works when use `2014.2.1008` version of kendoui, but doesn't work when use latest version(`2014.3.1316`) of kendoui. see: http://dojo.telerik.com/AXET/21

We cannot put the listview into a mobileview, because the page is split into several part and mobileview directive will destroy whole page, we have to put it into a scroller.
But we run into that bug.

So, can someone give me some advice?
Many thanks.

ListView (Mobile)

answered on 27 Jan 2015