Questions on Kendo UI for jQuery Forum

1 answer

314 views

Tabstrip inside Panelbar not showing content (Bootstrap)

I'm trying to open a panel of the panel bar when a user clicks on an list item in another panel bar

Here's my onclick function. When a user clicks on a search result within the #sideBarSearch panel it should close that panel and open the sideBarMapDetails.
Then select a tab within a nested tabstrip.

1.function onClick(arg) {

2.var panelBar = $("#panelbar").kendoPanelBar().data("kendoPanelBar");

3.panelBar.collapse($("#sideBarSearch"), false)

4.panelBar.expand($("#sideBarMapDetails"), false)

5.

6.$('#tabstrip').kendoTabStrip().data("kendoTabStrip").activateTab($('#parcelTab'))

7.};

The problem is that it opens the other panel but the tabstrip doesn't show up. If I open and close the MapDetails panel manually(by clicking on it instead of programmatically) then everything works. Why am I getting different behavior when I expand/collapse programmatically vs manually?

PanelBar

answered on 26 Sep 2014

3 answers

1.7K+ views

update kendo grid cell value on button click

hi i have a small issue what i am trying to do is after i populate my kendo grid, i want to update cell value on button click.

here is the scenario: i have a grid that brings back values from database column names are integer1, integer2 etc and values are 1, 2, ...
what i want to do is on button click(not a kendo toolbar button) change value to may be 10, 20.....dont want to save these values back to the database but just override 1, 2 with 10, 20 etc.

thanks,
Shahid

General Discussions

answered on 26 Sep 2014

1 answer

388 views

MVC Grid Paging Not Working With Ajax DataSource

I have the following code:

Controller Action

[HttpPost, Route("json", Name = "GetIndexJson")]

public ActionResult Index([DataSourceRequest]DataSourceRequest request)

{

IQueryable<IncidentIndexViewModel> incidents = this.databast.Incidents

.Select(i =>

new IncidentIndexViewModel()

{

Name = i.Name,

});

DataSourceResult result = incidents.ToDataSourceResult(request);

return this.Json(result, JsonRequestBehavior.AllowGet);

}

View

@(Html.Kendo()

.Grid<IncidentIndexViewModel>()

.Name("grid")

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(14)

.Read(read => read.Route("GetIndexJson").Type(HttpVerbs.Post))

.ServerOperation(true))

.Columns(

columns =>

{

columns.Bound(x => x.Name).Width(70);

})

.Resizable(resize => resize.Columns(true))

.Reorderable(reorder => reorder.Columns(true))

.Sortable(x => x.SortMode(GridSortMode.MultipleColumn))

.Filterable()

.Groupable()

.Navigatable()

.Selectable(x => x.Mode(GridSelectionMode.Single))

.Pageable(x => x.Enabled(true).Refresh(true))

.Scrollable(x => x.Height(423)))

However, the paging on the grid does not work. The page is stuck on page zero but has the next page button enabled. When I click the next page button I get the following JavaScript error:

Unhandled exception at line 89, column 3956 in http://localhost/bundles/kendo
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'slice'

Grid

answered on 26 Sep 2014

6 answers

123 views

[Solved] grid wih custom editor post new record to odata

I have a grid with custom editor. I would like to add a new record. Data would be saved to server when 'Save changes' is pressed.

service: web api with odata controller

Example without save:
http://dojo.telerik.com/oXAY

When I send a whole data object to service odata is throwing and error: 'Cannot convert a primitive value to the expected type 'Edm.Int32'. '

I came across parameterMap which I use to remove object properties associated with custom editor.

parameterMap: function (data, type) {

if (type == "create" ) {

delete data.Application;

}

return kendo.stringify(data);

What would be the correct way of posting data back to server?

Grid

answered on 26 Sep 2014

3 answers

92 views

kendo grid to mvc list view

hello,

I just generate mvs view from scaffolding process and apply javascript
.
.
. <td>
@Html.ActionLink("Edit", "Edit", new { id=item.ID_EMPRESA }) |
@Html.ActionLink("Details", "Details", new { id=item.ID_EMPRESA }) |
@Html.ActionLink("Delete", "Delete", new { id=item.ID_EMPRESA })
</td>
</tr>
}

</table>
<script>
$(document).ready(function() {
$(".table").kendoGrid({
sortable: true
});
});
</script>

After that the 3 links to edit details and delete does not appers in the collumn

Any compatilibity issue?

Thanks

Grid

answered on 26 Sep 2014

1 answer

131 views

ScrollView and Internet Explorer 8/9

I'm attempting to use a ScrollView control on a page that will be accessed by both mobile and desktop browsers. It appears that the ScrollView control works properly on Windows 7: Chrome, Firefox, IE10, and IE11. However when testing with Internet Explorer 8 and 9 the ScrollView control doesn't seem to function at all. Are these supported browsers for this control? If not - is there an alternative option available for similar functionality?

ScrollView (Mobile)

answered on 26 Sep 2014

1 answer

185 views

xamarin with kendo UI .

Hi Guys,

I am working on Xamarin by using Razor Template ( http://developer.xamarin.com/guides/cross-platform/advanced/razor_html_templates/ ).here I want to use kendo UI with MVVM architecture , i try this but it’s not working . I Would like to know kendo UI support Xamarin or not , if it’s supporting then please provide me some
sample or some documentation links .

Regards ,
Vishnu

General Discussions

answered on 25 Sep 2014

2 answers

139 views

swipe coolidates with button

Hi,

we have a view (detailedView) with an image button. The image is about half of the screen. With the image button you can navigate to another view (imageGallery)

<p><a class="imageGallery-button" data-role="button" href="imageGallery.html?id=#=id#">

<img src="#=imageGallerySplash#" width="100%" /></a>

</p>

Also on the detailedView we want to give the possibility to navigate back with a swipe. So if you swipe to the right the app navigates back. This works fine so far.

$("#is-detailedView").kendoTouch(

{

enableSwipe: true,

swipe: function (e) {

if(e.direction === "right")

{

app.navigateToView("#:back");

}

} });

But the problem arises if you swipe on the image button.
Then the app navigates back and directly afterwards navigates to the image gallery. It seems that if you start the swipe the button triggers and after the swipe event the app handles the button event.

Is there any possibility to suppress or cancel button events during the swipe events?

Thank you and
Best regards
Mark

Touch

answered on 25 Sep 2014

4 answers

136 views

Kendo grid / datepicker style bug with Chrome 36.0.1985.125 +

Go to the following Kendo demo (custom filter in grid):

http://demos.telerik.com/kendo-ui/grid/filter-menu-customization

Open the filter on the birth date column. Move the mouse randomly over the dates in the drop down calendar. Notice that after moving off the date cells you will see random lines left over. See attachment.

We have noticed this behavior since upgrading to Chrome 36.0.1985.125. The problem can also be replicated on the latest version of Chrome (37).

Is this a known bug?

Myles

Grid

answered on 25 Sep 2014

3 answers

542 views

Delay when clicking drop down arrow (instead of typing)

I have a grid which uses a combo box as an editor for a few columns. Currently there are about 1350 items.
The performance of the drop down is fine if you just start typing. But if you decide to simploy click the down arrow, there is about a 1 second delay which is definitely enough that users have complained about it.

I have tried using autoBind: true, but there are two issues with that. 1. that any subsequent time the dropdown is shown, it just shows [Object object] instead of teh ExtendedItemName which it does correctly the first time, and all the time when autoBind is false. 2. Is that autoBind doesn't seem to speed anything up.

Because autoBind doesn't speed anything up, I don't think this is a network issue. Also the fact that even with autoBind off, the data is only read from the server the first time you drop it down. But there is a delay every time you drop the combo down.

Any ideas?

self.purchase_items_src = new kendo.data.DataSource({

transport: {

read: {

url: GridCommon.ITEMS_HANDLER_URL + "/GetPurchaseItems",

dataType: "json",

type: "GET"

}

},

error: GridCommon.showCallBackError

});

//.....

self.itemDropDownEditor = function(container, options) {