Questions on Kendo UI for jQuery Forum

5 answers

147 views

Non-fixed footer

We are using the ASP.NET MVC wrappers for KendoUI Mobile.

Is it possible to have a non-fixed footer for my Views? I tried setting the .Footer() of our MobileLayout, but of course, that fixes the footer to the bottom of the screen.

But what we want is just a simple blurb at the bottom of each View, but it shouldn't be fixed, since the info shouldn't be visible at all times.

I also tried hooking into the "BeforeShow" event of each View to an appendBodyFooter(e) function, which would add a simple <div> element to the $(e.view.element), but for whatever reason, this new div also got stuck to the bottom of the screen! I couldn't find any CSS that was causing the new div to stick, so I'm guessing Kendo must have done it via JS somehow.

Is there any way to have a simple footer at the bottom of each View that is not fixed on the screen?

Application

answered on 30 Aug 2013

1 answer

91 views

Insert Table View gets jumbled when the browser is zoomed out

This is a fairly minor issue, but it's something a client noticed, so I wanted to mention it here. In Chrome for Desktop if I zoom the browser out (CTRL+ -) and then go to insert a table in the editor control, the view is jumbled (see attachment).

Editor

answered on 30 Aug 2013

3 answers

3.4K+ views

Grid Width

How do I tell a grid (k-grid) not to use a 100% width?

Grid

answered on 30 Aug 2013

1 answer

158 views

Javascript infinite loop reload

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

114 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

150 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

59 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

149 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

97 views

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

362 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