Questions on Kendo UI for jQuery Forum

2 answers

171 views

Problem with data binding when using a Layout

I'm trying to wrap my head around the data binding feature of kendo. I'm building a mobile app.
I use the following code for my databinding

var app = new kendo.mobile.Application(document.body);

var dayViewModel = kendo.observable(
{
todayText: "_",
showNextDay: function () {
alert("next");
},
showPreviousDay: function () {
alert("previous");
}
});

kendo.bind($("#dayView"), dayViewModel, kendo.mobile.ui);

As soon as kendo.bind is invoked, the Layout is lost. If the view already has a header element specified, this element is shown instead. Why is this happening?

Also, I've tried a bit further, since the reason why I need to invoke kendo.bind manually, is that I want to load data into the viewModel from a ajax response. I've added the following code for the ajax request

$(function () {
$.get("request_url", function (data) {
dayViewModel.todayText = data.DayDescription;

kendo.bind(document.body.children, dayViewModel, kendo.mobile.ui);
});
});

And it works just is intended, but I'm still not able to use my Layout. Although I've discovered that if I comment out the first call to kendo.bind, the Layout is applied. Although then the header grows to about double height. And I've got no custom styles or similar.

General Discussions

answered on 27 Nov 2012

1 answer

174 views

Problem with window animation

Hi,

I bumped into a weird problem, that when I use kendoWindow, with the default animation, it sometimes (inconsistent) opens the windows with the following CSS style:
–webkit –transform: scale(0.01)
Which made it very very small (in the size of a few pixels, almost invisible)

The workaround I found for that, is to change the animation from the default, to the following:
animation: { open: { effects: "fadeIn" }, close: { effects: "fadeIn", reverse: true } }

Is anyone familiar with that problem?

Thank you very much..

Window

answered on 27 Nov 2012

1 answer

59 views

Kedo() with MVC 4

Is Kendo working with MVC4.
Because my application in MVC3 working fine.
but in MVC4 application Grid not working with JSon.
following code :

@Html.Kendo().Grid(Model).Name("qxtgrid"

).DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("Read", "Grid")

Grid

answered on 27 Nov 2012

1 answer

297 views

Radio buttons as button-group

Hi all.

I'm new to Kendo (I'm coming from jQuery Mobile) and am struggling to achieve something fairly simple. I have a form with yes/no radio buttons. I want the radios to be styled as a Kendo button group. I tried putting the inputs/labels in LI's with the button group role applied to the UL which kinda worked but I could still see the actual radio buttons in the button group. Is there a way to this in Kendo (very simple in JQM).

Thanks in advance.

ButtonGroup

answered on 27 Nov 2012

2 answers

157 views

Empty POST fields when transport create

Hello. When I add a record in my Grid, "create" url is hit using POST, but checking in the httpd logs, POST parameters are empty.
This is my Grid & Datasource definition:

$(function() {

$("#grid").kendoGrid({

dataSource: {

transport:{

read:"libyMsg.php?way=getUsrMsgList",

create:{

url :"libyMsg.php?way=createMsg",

type:"POST"

},

update:{

url :"libyMsg.php?way=updateeMsg",

type:"POST"

},

destroy:{

url :"libyMsg.php?way=destroyMsg",

type:"POST"

}

},

batch: true,

pageSize: 10,

schema: {

data: "data",

model: {

id: "msg_id",

fields: {

msg_id: { editable: false, nullable: true },

msg_title: { validation: { required: true } },

msg_content: { validation: { required: true } },

msg_type: { type: "number", validation: { min: 0, required: true }},

msg_date: { type: "date", validation: { required: true } },

msg_status: { type: "number", validation: { min: 0, required: true } }

}

},

columns: [{ field: "msg_id", width: 40,title: "ID" },

{ field: "msg_title",width: 230, title: "Title" },

{ field: "msg_content", width: 370,title: "Content" },

{ field: "msg_type", width: 40,title: "Type" },

{ field: "msg_date", width: 300,title: "Date" },

{ field: "msg_status", width: 40,title: "Status" }],

scrollable: true,

sortable: true,

editable:"popup",

pageable: {

refresh: true,

pageSizes: true

},

toolbar: ["create", "save", "cancel"],

});

</script>

I wonder why im receiving an empty POST.
Thanx,
M

Data Source

answered on 27 Nov 2012

1 answer

45 views

Thumbs up for the Q3 release of Kendo Mobile

Nice improvement in the styling, especially on Blackberry. Tabstrip is really slick now and buttons are much more attractive in Android.

Working nicely on iOS, Android and Blackberry.

Font icons work much better and overall it seems to run smoother on the handsets.

General Discussions

answered on 27 Nov 2012

0 answers

82 views

Problem with kendo window.

Hi,

I am having a simple form where i am showing a grid from a datasource.After I need to show the same in a window.
It is working fine but, after closing the window upon showing the data if i want to reload the data again then I am getting undefined error for the grid.
For this i have just tried an example with opening a window and after loading the data again for a dropdown box it is also throwing the same error.
Is it the problem with kendoui or have anybody faced this kind oof error.
Any idea??

Regards,
Sri.

Window

asked on 27 Nov 2012

0 answers

174 views

How to orientation tab strip to right.

@(Html.Kendo().TabStrip()

.Name("tabstrip")

.Items(tabstrip =>

{

tabstrip.Add().Text("About Us")

.Content(@<text>

</text>);

tabstrip.Add().Text("Contact Us")

.Content(@<text>

</text>);

})

.SelectedIndex(0)

)

<style>

.k-tabstrip .k-tabstrip-items { padding:0.3em 0.35em 0;}

.k-reset { text-align:right;}

</style>

TabStrip

asked on 27 Nov 2012

1 answer

120 views

attaching event handling to classes within templates

is there any reason why this wouldn't result in a console log upon clicking of the link?

$(".woot").click(function() {
console.log('test');
});

{field: "id", title: "id", template: "<a href='javascript:;' class='woot' id='#= id #' />#= id #</a>"},

Grid

answered on 27 Nov 2012

1 answer

110 views

Date time picker issue in kendo grid (kendoui.complete.2012.2.913_commercial version)

While adding or editing a row in a grid if we select date or time using datepicker or date time picker it is sending wrong date/ time to the controller(Spring MVC controller) .

e.g.

if we select 15 Nov 2012 as date it is sending it as 14 Nov 2012

same as if we select 12:30AM in time it is sending it as 19:00 hrs i.e. 07:00PM

Grid

answered on 27 Nov 2012