Questions on Kendo UI for jQuery Forum

1 answer

190 views

Hello,

I have a Kendo().Window() in my _Layout where i use the .LoadContentFrom("Method","Controller") But if the window can't get to the method due to not logged in, i get a infinite loop of script load at the login page since the KendoUiwindow is trying to access the method. Is there a way to set the timeout on the LoadContentFrom() or something?

Window

answered on 30 Aug 2013

1 answer

145 views

Updating flat listview by using jQuery.html()?

Is it possible to update a listview by just using HTML, instead of the dataSource (which I think is a very inefficient method)? For instance, if I had a ul called "output," could I just update that from HTML fetched via AJAX via jQuery.html()?

This kind of worked before, but sometimes the listview wasn't refreshing. Please add something like jQuery mobile's listview.refresh().

Also, when I switched to the flat listview as opposed to native, it updated, but I got this Javascript error:

Uncaught SyntaxError: Unexpected string

(anonymous function) st.extend.globalEval st.fn.extend.domManip st.fn.extend.append S.extend._createRemoteView

(anonymous function) f p.fireWith r r

ListView (Mobile)

answered on 30 Aug 2013

1 answer

191 views

Client-side Kendo Filter Doesn't Work

Here is my code:

@(Html.Kendo().Grid(Model.Available).Name("s").DataSource(d => d.Ajax()).Filterable())

or

@(Html.Kendo().Grid().Name("s").DataSource(d => d.Ajax()[read data ...]).Filterable())

The grid displays information fine but it does not filter when I use the funnel filter icon or when I add my own custom filter.
I am sure this is straight forward but I can't find the answer.

Grid

answered on 30 Aug 2013

4 answers

97 views

KendoUI Complete - Compatible with Tizen?

Hello KendoUI Team,

I'm about to start work a project for deployment to the Tizen platform (tablet and smartphone). I did a search for "Tizen" in the forums but found no references to it.

Has the KendoUI Team looked into Tizen and/or tested KendoUI Complete for it? Any "gotchas" to watch out for vis-a-vis the use of KendoUI Complete for Tizen?

Will appreciate any definitive response on this.

~Oscar

General Discussions

answered on 30 Aug 2013

6 answers

191 views

problems in the update and delete methods

I tried to call the update and delete methods and always enters the created.
it can be?

<script>

$(function () {

$("#scheduler").kendoScheduler({

date: new Date("2013/1/1"),

startTime: new Date("2013/1/1 07:00 AM"),

height: 600,

views: [

"day",

{ type: "month", selected: true },

"month",

"agenda"

],

timezone: "Etc/UTC",

//editable: { template: kendo.template($("#schedulerTemplate").html()) },

dataSource: {

batch: true,

transport: {

read: {

url: "/Home/CalendarioCargar",

dataType: "jsonp"

},

update: {

url: "/Home/CalendarioUpdate",

dataType: "json"

},

create: {

url: "/Home/CalendarioAdd",

dataType: "json"

},

destroy: {

url: "/Home/CalendarioRemove",

dataType: "jsonp",

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

return { models: kendo.stringify(options.models) };

}

},

schema: {

model: {

id: "TaskID",

fields: {

taskId: { from: "TaskID", type: "number" },

title: { from: "Title", defaultValue: "No title", validation: { required: true } },

start: { type: "date", from: "FechaIni" },

end: { type: "date", from: "End" },

startTimezone: { from: "StartTimezone" },

endTimezone: { from: "EndTimezone" },

description: { from: "Description" },

recurrenceId: { from: "RecurrenceID" },

recurrenceRule: { from: "RecurrenceRule" },

recurrenceException: { from: "RecurrenceException" },

ownerId: { from: "OwnerID", defaultValue: 1 },

isAllDay: { type: "boolean", from: "IsAllDay" }

}

},

filter: {

logic: "or",

filters: [

{ field: "ownerId", operator: "eq", value: 1 },

{ field: "ownerId", operator: "eq", value: 2 }

]

}

},

resources: [

{

field: "ownerId",

title: "Owner",

dataSource: [

{ text: "Alex", value: 1, color: "#f8a398" },

{ text: "Bob", value: 2, color: "#51a0ed" },

{ text: "Charlie", value: 3, color: "#56ca85" }

]

}

]

});

$("#people :checkbox").change(function (e) {

var checked = $.map($("#people :checked"), function (checkbox) {

return parseInt($(checkbox).val());

});

var filter = {

logic: "or",

filters: $.map(checked, function (value) {

return {

operator: "eq",

field: "ownerId",

value: value

};

})

};

var scheduler = $("#scheduler").data("kendoScheduler");

scheduler.dataSource.filter(filter);

});

</script>

Scheduler

answered on 30 Aug 2013

1 answer

117 views

[Solved] How do I get the ListView refresh after adding content?

hi,

i have a listview with tab strip. its will appear after login. i am adding some records after adding i want to refresh the listview. for this i am rebinding the listview. here i got the issue after rebind listview items click event not working. anyone can help me in this issue i posted this one month before also still now i am struggling in this issue due to this issue i am unable to go further.

with regards
sumalatha

General Discussions

answered on 30 Aug 2013

2 answers

391 views

Scroll a view to top

Is there a way to scroll the view of the application to the top?

I'm not talking about the Scroller control, but the view itself. My application loads content from the server and displays it using templates. The show_page.html looks something like this:

<div data-role="view" id="page_side" data-show="js_page_side">

<div id="foo"></div>

<script id="sidetemplate1" type="text/x-kendo-template">

<h1>#= overskrift #</h1>

<p>#= ingress #</p>

<div class="brodtekst">

#= brodtekst #

</div>

</script>

</div

>

<script>

function js_page_side() {

datakilde_sider.query({filter: {field: "id", operator: "eq", value: window['globalvar_vis_side_id'] }});
$("#foo").html(kendo.render(sidetemplate1, datakilde_sider.view()));

//(Here there should be something forcing the view to scroll to top)
}

</script>

It works great, except if the user is viewing a large page, and has scrolled down - then goes back to the menu and selects a new site to view. show_page.html is shown once again, the new content is loaded through the js_page_side() function. It all works - but this new content is now shown already scrolled down to the position the user was before.

Any ideas?

General Discussions

answered on 30 Aug 2013

8 answers

328 views

[Solved] TabStrip does not work with float

How can you have two columns of content inside of one tab in a tabstrip?

Float - breaks the tabstrip control (the red box surrounding the tab closes and your content appears below it).

Inline container of block elements - This technique inside of a tab simply puts all to block.

You can see the problem by simply adding html elements to the sample.

UPDATE: SOLVED.

I discovered that this, amongst other problems with the tabcontrol go away once you set the height.
You must set the height of tab for each tab seperately in the tabcontrol (note: you should also set the height of grid if using grid control) controls in order for the inner contents to render properly.

TabStrip

answered on 29 Aug 2013

2 answers

593 views

MVC Grid Ajax paging not working

I have a generic partial view that I want to use for all of my Grids. The Model for the partial view it a Report object. The Report object has a DataTable property that contains the Grid's data source. The Report is also handling its own pages, page size, filtering, sorting, and grouping. The Ajax call is returning with the correct total number of records and I know that the Report.Query.PagedResults has the correct data. However, when the DataTable is passed to the extension "ToDataSourceResult()" the Data comes back without the data provided in the PagedResults. It's just an empty dictionary. This causes the grid to change pages but the data is missing, only the first page ever has data. Can you provide me with some guidance on what I might be missing?

_GridPartialView

@model GridReport

@using System.Data;

@using MVCReportingConcept.Reports;

<div id="report" class="chart-wrapper">

@(Html.Kendo().Grid(Model.QueryResults)

.Name(Model.Name)

.EnableCustomBinding(true)

.Columns(columns =>

{

foreach (DataColumn col in Model.QueryResults.Columns)

{

columns.Bound(col.ColumnName);