Questions on Kendo UI for jQuery Forum

2 answers

377 views

Hi,

We have a requirement to collapse/expand TabStrip's currently selected tab using code - lets say on some button click. I already have set collapsible property as true for my Tab.
So is there any method that we can call in this case? I know the feature that clicking on tab header toggles the content - we need API for that so that we can call it from our code.

Thanks a lot,
Abhishek

TabStrip

answered on 13 Jun 2014

1 answer

239 views

Grid in TabStrip within another Grid and 2 different models

Hello,

Let me explain my scenario for better understanding:
- my Model contains a list of products. All these products are displayed in GridView
- there is a nested detail template with TabStrip for each product
- one tab/item of this TabStrip contains all ebay auctions of this product in another GridView

ie. something like this http://demos.telerik.com/aspnet-mvc/grid/detailtemplate

My view in razor syntax:

@model List<Site.Models.Products> // main model

[...]

@(Html.Kendo().Grid(Model) // first grid which lists all products

[...]

.ClientDetailTemplateId("Details") // nested template

[...]

<script id="Details">

@(Html.Kendo().TabStrip()

[...]

.Items(items =>

{

[...]

items.Add().Text("Auctions").Content(@<text>

@(Html.Kendo().Grid(new List<Site.Models.EbayAuctions>())

.Name("Auctions_for_#=strProductID#") // this variable is from Site.Models.Products

.Columns(columns =>

{

columns.Bound(p => p.strEbayID); // this variable is from Site.Models.EbayAuctions

[...]

Above example works fine! DataSources are read from Actions in my Controller.

But I don't want to display the strEbayID just like that, I want to display a link to the actual auction on the Ebay website.
The closest I got was this (replacing the above column):

.Columns(columns =>

{

columns.Bound(p => p.strEbayID).ClientTemplate(

"<a href=\"http://www.sandbox.ebay.com/itm/\">" + "#=data.strEbayID#" + "</a>"

)

But unfortunately this doesn't work. To build the String I can use variables from the main model without a problem. But I don't know how I can use values from the nested model, ie. strEbayID here. It's displayed as undefined this way.

I couldn't solve this yet and I am running out of ideas. But I should be pretty close I guess. Can you help me?

With kind regards...

Grid

answered on 13 Jun 2014

1 answer

281 views

Grid row selection using keyboard

Hi,

I can select multiple rows in grid using the Ctrl & Mouse down.

Is it possible to select/deselect multiple rows in grid using Shift + up or down keys? if so how can i do that?

Presently, when I trying to do that, it navigates to different tab in my application.

Thanks,
Prashant

Grid

answered on 13 Jun 2014

1 answer

154 views

Kendo UI DropDowList on Mobile Device

Hi,

I am tweaking my web site so that certain pages are mobile friendly.
I have been using the Kendo DropDownList on my pages and was hoping that it would render nicely on mobile devices as well.

@(Html.Kendo().DropDownListFor(m => m.Acc).OptionLabel("Select Service").BindTo(Model.AccountsList).HtmlAttributes(new { style = "width: 300px;" }))

This renders on the mobile devices but when you click on it the popup is displayed inline as it does with a normal web browser and not using the native select list that normal Select elements use on mobiles which is a lot easier to use and less buggy.

Is there a way to get the dropdownlist to render as a native select element on mobile devices instead of the fancy javascript way it uses on desktop web browsers?

This would allow me to use css rules to change the style for mobile viewing instead of rewriting the page for the mobile version to get rid of the kendo ui dropdownlists.

Thanks.

General Discussions

answered on 13 Jun 2014

1 answer

391 views

[Solved] Pre-selecting Rows

I'm using the kendo.angular integration. Here's our markup using the kendo-grid directive, which works great:

<div id="buUsers" kendo-grid="buUsers" data-k-options="kendoGridOptionsBuUsers"></div>

I need to initialize the grid with rows pre-selected. Is the code snippet below the only way to do this? Extracting data from the DOM with a jQuery selector seems kind of hacky.

$scope.buUsers.select("tr:eq(" + (index + 1) + ")")

Here are my environment details:

OS: OS X 10.9.3
Browser: Chrome 35.0.1916.114
jQuery: 2.1.1
KendoUI: 2014.1.528

Any help would be appreciated!

Grid

answered on 13 Jun 2014

1 answer

110 views

Angular grid sort issue

We are using kendo angular grid, there is an issue when we sort on a column more than 2 times.

we have a name column, on clicking the column header it sorts ascending, on clicking again the same column it sorts descending, but on clicking the column the third time there is field not found JavaScript error. Please advise.

thanks,
sid

Grid

answered on 13 Jun 2014

1 answer

107 views

Angular kendo grid

Hi, can you direct me to a angular inline editable grid sample. Need following features -
- add new inline row
- edit inline
- edit mode with complex controls like calendar, dependent drop down.

thanks,
sid

Grid

answered on 13 Jun 2014

1 answer

108 views

Export Grid To PDF

Hello,

I use Kendo ui and i'm discover "Export Grid to pdf"

But I have just one problem.
It’s working but when I have a lot of data in grid who display 10 item per page, the export take just 10 first but no the rest. Do you have an advice for that?

Thanks you

Grid

answered on 13 Jun 2014

1 answer

363 views

Kendo SPA with MVVM

Hi,

I am working on an application that uses Kendo SPA and Kendo MVVM. I've looked at the examples for both technologies and have it working mostly how I want but I am having a couple of issues. I want to have a CRUD page that uses a local object. The properties of this object are bound to the various controls and are updated through user input. Once the user is finished, this changed object will be sent to the server to update the database. One of the properties of this object is an array of objects which I want to bind to a Kendo Grid. This is the part I am having trouble with. I don't seem to be able to get the Grid to bind to this property. The grid displays and when I click on the Add button a row is created in the grid, but it never updates its datasource and when you hit Add again the data disappears from the new row and isn't saved.

I have attached a working example which has this issue. The page in question is in the Menu option "Make a request" and side menu option of "Equipment Loan".
Another minor issue is the main menu at the top sometimes does render and needs a page refresh.

Please can you help me with these issues. I also posted this in the MVVM forum.

Thanks

SPA

answered on 13 Jun 2014

6 answers

385 views

[Solved] MVVM SPA application

Hi,

I am working on an application that uses Kendo SPA and Kendo MVVM. I've looked at the examples for both technologies and have it working mostly how I want but I am having a couple of issues. I want to have a CRUD page that uses a local object. The properties of this object are bound to the various controls and are updated through user input. Once the user is finished, this changed object will be sent to the server to update the database. One of the properties of this object is an array of objects which I want to bind to a Kendo Grid. This is the part I am having trouble with. I don't seem to be able to get the Grid to bind to this property. The grid displays and when I click on the Add button a row is created in the grid, but it never updates its datasource and when you hit Add again the data disappears from the new row and isn't saved.

I have attached a working example which has this issue. The page in question is in the Menu option "Make a request" and side menu option of "Equipment Loan".
Another minor issue is the main menu at the top sometimes does render and needs a page refresh.

Please can you help me with these issues.

Thanks

MVVM

answered on 13 Jun 2014