Questions on Kendo UI for jQuery Forum

3 answers

124 views

Hi,

I have been using KendoUI in several mini pet-projects and it has been a great pleasure. The time has come for me to convince the rest of the team to use KendoUI in our flagship product.

I really like the KendoUI Mobile Layout and would like to know if there is similar functionality in KendoUI Web. What is your approach in organizing layout for larger web applications? Should we use KendoUI Mobile Layout even if our application is not intended for use on mobile devices? Can similar functionality be accomplished using KendoUI Templates?

Thanks,

Igor

General Discussions

answered on 07 Dec 2012

9 answers

338 views

Listview Selected Item touch effect

Hej,

Firstly, In kendoui.trial.2012.3.1114\examples\mobile\listview\index.html sample page shows when the user click list item, list item turn to blue on press and when the user release to touch list item turn to normal. This is the normal state.

I apply the same .html file in Icenium Kendo UI framework project but listview item don't react any effect when i select the item on release the item. I don't understand wht is it like that? Is this problem about the kendo framework or the icenium IDE? I am not sure this is this question should be asked here.

On the other hand, the main purpose for my listview is have to fill from web service and i can fill the listview from web service but still the same problem i can't get the click effect on the selected listview item. Here is filling code for listview:

$.ajax({
type: "POST",
url: SERVICE_URL_GET_FIRM_LIST,
data: "{ firmID:" + firmID + "}",
contentType: "application/json; charset=utf-8",
dataType: "json",
beforeSend: function() {
app.showLoading();
},
success: function(msg) {
firmItems = JSON.parse(msg.d);
$("#firm-listview").kendoMobileListView({ dataSource: firmItems, template: $("#firmListViewTemplate").text() });
},
complete: function() {
app.hideLoading();
},
error: function(msg) {
app.hideLoading();
alert('Error Message');
}
});

<script type="text/x-kendo-template" id="firmListViewTemplate">
<p>${Definition}</p><a data-role="detailbutton" data-style="detaildisclose"></a>
</script>

Kind Regards.

ListView (Mobile)

answered on 07 Dec 2012

1 answer

70 views

Little bug in Menu.destroy()

Hello,

In the latest release the destroy methods are added to all widgets which is nice. But in the Menu widget there is a little bug.
There is $(document).unbind(that._documentClickHandler); called, but this is missing the event name. It must be: $(document).unbind('click', that._documentClickHandler);
This is a problem when you use openOnClick is true.

Regards, Jaap

Menu

answered on 07 Dec 2012

3 answers

401 views

Grid Data Binding

How in the heck do you rebind the grid after receiving data from an AJAX request? Specifically, dates? Why do I lose formatting here?

I need help please!!

@{

ViewBag.Title = "Index";

}

@section Scripts {

<script type="text/javascript">

var viewModel;

$(function () {

// Load Data

$.ajax({

async: false,

url: "/Kendo/Home/GetData"

}).success(function (result) {

viewModel = new kendo.observable(result);

});

// Create Grid

$("#grid").kendoGrid({

dataSource: {

data: viewModel.People,

schema: {

model: {

fields: {

DOB: { type: "date" }

}

},

columns: [

{ field: "FirstName", title: "First Name" },

{ field: "LastName", title: "Last Name" },

{ field: "DOB", title: "Date of Birth", format: "{0:MM/dd/yyyy}" }

],

editable: true

});

$(document).on("click", "#btn-save", function (e) {

$.ajax({

url: "/Kendo/Home/Save",

type: "POST",

data: JSON.stringify(viewModel),

contentType: "application/json"

}).success(function (result) {

var g = $("#grid").data("kendoGrid");

viewModel = new kendo.observable(result);

g.dataSource.data(viewModel.People);

});

</script>

}

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

<div id="view">

<input data-bind="value: firstName" />

<input data-bind="value: lastName" />

<button id="btn-save">Save</button>

</div>

Grid

answered on 07 Dec 2012

2 answers

228 views

Multiple grids and other controls from the same viewmodel.

Hi, I'm new to Kendo UI and I'm working on ASP.NET MVC 4. I have 3 models, for example Category, Product and Status, products have a reference to one category and one status. I need to display in a view (using Razor) data from multiple models, like for example Category.Name and Category.DateCreated on the top of page, and then a grid with all products that have StatusId = 1, and then another grid with all products that have StatusId = 2 (there are only two status). So, I have created a view model class for a Category, it includes all properties from Category model, but also has 2 lists for Products with Status = 1 and Status = 2; but I don't know how to populate these grids, how to pass data to them. I looked for a similiar question in the forum but didn't find any, if someone could help me with an example, I'd be thankful! (Please let me know if more info is needed, or if it's not well explained the case)

General Discussions

answered on 07 Dec 2012

1 answer

81 views

how two add list

var values =Number(options.filter.filters[0].value);

var test = String(options.filter.filters[0].field);

options.filter.Payment = {test : values };

options.filter.Payment = {test : values };
output
test: 10
but i want value variable test instead test write .
pls help me ?

Grid

answered on 07 Dec 2012

4 answers

884 views

jQuery version and Kendo UI

Good morning,

I wasn't able to find any reliable seeming information about what version of jQuery Kendo UI requires/supports. Would it be possible to get some sort of official confirmation on this, as I would rather not tie my website to any legacy version of jQuery and then possibly break other libraries.

This page (Javascript Dependencies) shows the jQuery version 1.7.1. But what exactly is meant by this? Is this exact version the only one that Kendo UI supports? Is this the minimum jQuery that is supported (and if that is the case, shouldn't it be listed as 1.7.1+, or 1.7.1 - 1.8.x)? Some of the specific widget examples also use jQuery 1.7.2.

This forum post by Vladimir Iliev says that jQuery 1.8+ can be used with Kendo UI from the 2012 Q2 SP1 version onwards. However, this is the only place I have been able to find that says so. This would be useful information to be "made official" for example in the release blog post for this service pack.

I would like to use Kendo UI, but I don't want to be tied to a legacy jQuery. I can understand if it takes some weeks to confirm compatibility with the very latest version (e.g. 1.8.1 is supported, but 1.8.2 not supported is acceptable. 1.7.x version is not).

General Discussions

answered on 07 Dec 2012

4 answers

205 views

Sort Grid Initialized from HTML Table

Is it possible to implement sorting when the Grid is initialized from a HTML table? I am just looking for an example of this, assuming it is possible to do. Thanks.

William Wade

Grid

answered on 06 Dec 2012

4 answers

174 views

Jquery touch event lag in kendo mobile q3?

I have noticed a huge performance hit on my kendo mobile app after updating my code to q3 kendo mobile. My jQuery menu is triggered with mousedown. Since the update on an android device (galaxy note s2), It takes several taps to get a click to register. When I switch back down to Kendo 2012.2 I don't have the issue. Is this the same problem or am I doing something else wrong?

Please see attached.

Note works fine on my desktops browser. I only notice the issue when rendered on the device.

Thanks for all your help,
Kendo ui rocks!

General Discussions

answered on 06 Dec 2012

1 answer

985 views

Dropdownlist: Sort order of items

The items of the Dropdownlist seem to be sorted alphabetically. I don't want sorting, I want it to keep the order of the bound array.

Is that possible?

DropDownList

answered on 06 Dec 2012