Questions on Kendo UI for jQuery Forum

1 answer

125 views

Google maps inside one of the ScrollView's pages

Only I can make such combinations, but here it is.
I have a Google Map JavaScript inside one of the ScrollView's pages. The problems is with swiping, dragging as you might guess.
With the Scrollview inside ScrollView scenario had no problems regarding touch (even though it's not officially supported as I've been told).
But in this case it seems I'm out of luck. When I drag the Google map, the ScrollView drags also. And the View in which the ScrollView resides also scrolls....
I started with this piece of code
google.maps.event.addListener(map, 'dragstart', function() { setDragFlag(true); });
But stuck on binding touchstart to the kendoMobileScrollView
$("#svMD").getKendoMobileScrollView().pane.userEvents.bind("touchstart", SomeFunctionWhichWritesToTheConsole)
Don't know why but touchstart event doesn't want to fire at all

ScrollView (Mobile)

answered on 31 May 2014

3 answers

463 views

Passing Object over Read Action

I am having an issue with passing additional parameters over a read function.

@(Html.Kendo().Grid<Wue.Web.Employee.Model.Models.DocumentLine>()
.Name("documentLinesGrid" + @Model.Document.DocumentNumber + "lines")
.Columns(col => {
col.Bound(c => c.VendorPartNumber).Title("Vendor Part Num");
col.Bound(c => c.Quantity);
col.Bound(c => c.Price);
}
)
.Scrollable()
.DataSource(ds => ds
.Ajax()
.Read(readLineData => readLineData.Action("GetLineData", "Document", new { currentDoc = Model.Document }))
)
.ColumnMenu()
)

On the Controller I have this as my action method:

public ActionResult GetLineData([DataSourceRequest] DataSourceRequest request, Document currentDoc) { }

The issue is that the data that is being sent is always null. I have tried to change the type to a string and passing currentDoc = "123" and having the action method accept a string currentDoc and that seems to work. Why will an object not pass through?

Note: I have also attempted to use js to send the information by using the .Data(functionName) and then in js using return { Html.Raw(Json.Encode(Model.Document)) but that returns null as well. Please help as I cannot get this to work.

Data Source

answered on 30 May 2014

1 answer

70 views

When update page my tab are not disply,when click on tab then show tab,why?

Hi,

I have a 1 page with save and update button. in that page i have put a
Kendo Tab Strip Control. Now when 1st time page load bydefault 1st tab
is load.

but when i am on tab index 4 and 5 and i click on button save or update
my page load again and on that time all tab are shown but no one is
selected(no content show), when i click on any tab it's content show,
why? is there any wrong?

2nd thing , when i am on 3rd tab and click save or update on that time
same happend but all tabs from 3 tab are selected but content are not
show, why?

3rd thing if i click on save or update from 1 and 2 tab it's working fine.

note that in 1-2 tab there is just model fields like input elements and
in 3,4,5 tab there is grid and treeview controll, is this controll do
something wrong?

Regards,

vinit

TabStrip

answered on 30 May 2014

1 answer

98 views

Donut series opacity, locally bound data

Hi,

Is there a way to set the opacity for specific series in a donut chart when it is bound to local data?

The array of data is created with opacity values set such that one is at opacity 1 and all others are at 0.3 (to show that one of the donut slices is selected). But, I can't get this to work.

Thanks.

Charts

answered on 30 May 2014

9 answers

521 views

Android Switch Header and Footer

Is there an option to keep the android header and footer from switching places?

On iOS the header and footer appear as:
[ back ] Panel Title
Content
Content
[ w ] [ x ] [ y ] [ z ]

The Android theme flips them to:
[ w ] [ x ] [ y ] [ z ]
Content
Content
[ back ] Panel Title

I would like both themes to look like iOS in regards to the order of elements.

NavBar

answered on 30 May 2014

3 answers

267 views

Menu + Splitter hides the pop ups

Hello,

Menu pop-ups are hidden,
http://i43.tinypic.com/15xmufa.png

Tried setting z-Index.

Thanks,

Jared
Chrome 15 // FF + Win7

Menu

answered on 30 May 2014

7 answers

2.0K+ views

Please Help: Grid Inline updating not working.

Hello,

I've been working with WebAPI and the latest kendoui release. I haven't been able to get my inline edits to work. I've done a lot of research (I've seen every sample and ever demo / forum link) and even debugged the source.. What happens is I can edit the inline content, but as soon as I click update, the grid row rolls back.

Here's the generic controller (sample..)

public class ProductSample

{

public string Identification { get; set; }

public string CategoryId { get; set; }

public string Name { get; set; }

public string Description { get; set; }

public string Image { get; set; }

}

public IEnumerable<ProductSample> GetAll()

{

return new List<ProductSample>()

{

new ProductSample()

{

Identification = "1",

CategoryId = "cat1",

Description = "test",

Image = "test",

Name = "Sample"

}

};

}

Here's the javascript

$(document).ready(function () {

var crudServiceBaseUrl = "http://localhost:1867/api",

dataSource = new kendo.data.DataSource({

transport: {

read: {

url: crudServiceBaseUrl + "/product",

contentType: "application/json; charset=utf-8",

dataType: "json"

},

update: {

url: crudServiceBaseUrl + "/product/",

dataType: "json",

type: "PUT"

},

destroy: {

url: function (o) {

return crudServiceBaseUrl + "/product/" + o.Identification;

},

dataType: "json",

type: "DELETE"

}

},

schema: {

model: {

id: "Identification",

fields: {

Identification: {

type: "string"

},

CategoryId: {

type: "string"

},

Name: {

type: "string"

},

Description: {

type: "string"

},

Image: {

type: "string"

}

});

var grid = $("#grid").kendoGrid({

dataSource: dataSource,

columns: [

{

field: "Identification",

title: "Identification"

},

{

field: "CategoryId",

title: "Category Id"

},

{

field: "Name",

title: "Name"

},

{

field: "Description",

title: "Description"

},

{

field: "Image",

title: "Image"

},

{

command: ["edit", "destroy"]

}],

editable: "inline"

});

Html:

<h2>Products</h2>

<div id="grid"></div>

@section Scripts {

@Scripts.Render("~/Scripts/Products.js")

}

When I click the grid to do inline editing, it displays correctly. The second I hit update, the row is reverted and the request isn't even sent to the server. I've been trying to get this to work for the past few days.. I should also note that the only CRUD operations that do work (outside of this slimmed down example) is Get and Delete..

Grid

answered on 30 May 2014

3 answers

105 views

Appearance of Tabstrip inside mobile view

Hi
The tabstrip doesn't appear correctly if it is inside a view that is initially hidden

The below shows my problem, go to where the application is created and alternate between which of the two views is the initial view.

The appearance of the tabstrip is very different in both, if it is visible on startup it appears left aligned and generally correct, if not then
it appears centered

http://trykendoui.telerik.com/Ecug

thanks

TabStrip

answered on 30 May 2014

2 answers

259 views

Sortable Panel state

How can i save the state of my panels? If i move my panels to a new location on the web page, how can i save this configuration?
Can i use localStorage? or what else can i do to achieve this.

Thank you so much.

Sortable

answered on 30 May 2014

1 answer

594 views

Button triggered on page load?

Hello, I am trying to create a button function for my HomeController, and it works, however, the script immediately triggers on page load. I dont want it to trigger on page load, but instead, when the user presses the button. any idea of how to fix this?

Here's the script snippets.

http://hastebin.com/legemenoyu.coffee

Button

answered on 30 May 2014