Questions on Kendo UI for jQuery Forum

1 answer

1.4K+ views

DropDownList with MVVM binding to the data-value-field and not the object

I'm binding to genders collection DataSource that is exposed through ViewModel

var genderDataSource = new kendo.data.DataSource({

transport: {

tbl: azureService.client.getTable('XconfigGender'),

read: function (options) {

console.log('read');

//{ FirstNameEn: options.data.filter.filters[0].value }

this.tbl.read({ SearchString: "*" }).done(

function (d) {

options.success(d);

});

},

update: function (options) {

console.log('update');

//var mod = kendo.stringify(options.data.models[0]);

this.tbl.update(options.data.models[0]).done(function (d) {

options.success(d);

}, function (err) {

options.error(err);

});

},

create: function (options) {

this.tbl.insert(options.data.models[0]).done(function (d) {

options.success(d);

}, function (err) {

options.error(err);

});

},

schema: {

model: { id: "id" }

}

});

Html:

<select data-role="dropdownlist" data-text-field="GenderEn" data-value-field="id" data-bind="source:genders, value: selectedItem.GenderID"></select>

But when a try to save selectedItem.GenderID its not bound to the value of dropdown list but to the object that is selected (instead selectedItem.GenderID to be example 2 it is the object with id and a description so is it example {id:2, GenderEn:"Male"} ).

So my question is how do i bound to the data-value-field and not the object.

Sorry for my bad Englisht

DropDownList

answered on 31 Jul 2013

2 answers

179 views

[Solved] Best Practices

Hi all,

I am looking for some best practice ideas before diving in. We have an existing ASP.Net MVC app which we will be providing a mobile front end for. We'll be using the Kendo mobile controls in an ASP.Net MVC project. Here are the questions I have so far:

1. Is it best to create a new ASP.Net MVC project for the mobile view, or so you keep them in the same project and then in the _Layout page check for mobile?
2. Is it best to put the app init in the _Layout page? (I'm talking about this script: var app = new kendo.mobile.Application();)

Thanks in advance!

General Discussions

answered on 31 Jul 2013

2 answers

239 views

[Solved] Cascade Setting Parent Id Field Name

Hi,

I am trying to workout how to use cascade feature with this hierarchical data set.

Object Type of Brand with fields of Id, Name
Object Type of Product with fields of Id, Name, BrandId

As you can see the Parent and Child objects have the same Primary Key name, and the parent key is the object name with Id suffix,

From the examples I have seen and various other posts etc, I think the primary key name is is the object name with Id suffix.

I did set up with the various Id names etc and my odata call uses the Id in the filter on the Products.

/odata/products?$inlinecount=allpages&top=100&$filter=Id eq 1

where it should have been

/odata/products?$inlinecount=allpages&top=100&$filter=BrandId eq 1

So my question is can you specify the parent field name. If not I think this should be an additional feature for this widget.

Regards

Richard...

DropDownList

answered on 31 Jul 2013

5 answers

143 views

[Solved] dataBound not firing any more with Q2 release

Hi there,

The dataBound event used to fire before Q2 and not any more. I am still with free trial version . Does that matter?

Also dataSource calling remote odata service returns nothing with Q2. Is there any API changes to the dataSource?

Thanks
Jamie

ListView (Mobile)

answered on 31 Jul 2013

1 answer

104 views

Setting eventTemplate on a view seems to kill the tooltip

views: [
{
type: "week",
eventTemplate: "#: kendo.toString(start, \"h:mm tt\") # - #:title#"
},

It seems if I set the eventTemplate the scheduler will no longer render any tooltip. Can I define a custom toolTip template? Is it preferred that I inject my own HTML to do this?

Scheduler

answered on 31 Jul 2013

3 answers

308 views

Kendo/Cultures folder no longer exists?

After updating to 716 I noticed that the kendo cultures folder is no longer included.

Is this intended? If so, what should we use instead and where is documentation about the change?

Globalization

answered on 31 Jul 2013

4 answers

488 views

Cant get KendoScheduler working in my html page

All -

I have included
     <script type="text/javascript" src="Scripts/jquery_1.9.1.js"></script>
    <script type="text/javascript" src="Scripts/Kendo/kendo.web.min.js"></script>
    <script type="text/javascript" src="Scripts/Kendo/kendo.scheduler.min.js"></script>

but still, the following code would throw error saying the KendoScheduler is not found..
(JavaScript runtime error: Object doesn't support property or method 'kendoScheduler')

All kendo files are from kendoui.web.2013.2.716.open-source release...

Could any one tell me what am i missing?

<div id="scheduler"></div>
$(document).ready(function () {
            $("#scheduler").kendoScheduler({
                date: new Date(),
                dataSource: [
                                {
                                    id: 1,
                                    start: new Date("2013/6/6 08:00 AM"),
                                    end: new Date("2013/6/6 09:00 AM"),
                                    title: "Interview"
                                },
                                {
                                    id: 2,
                                    start: new Date("2013/6/6 08:00 AM"),
                                    end: new Date("2013/6/6 09:00 AM"),
                                    title: "Meeting"
                                }
                           ]
            });
        });

Scheduler

answered on 31 Jul 2013

1 answer

169 views

loading animation

hi guys.
i use kendo mobile and kendo web in my apps.
i have noticed that loading animations are disappeared when loading ajax contents. can someone point me why is that happens?
i tried to put app.showLoading() in request start of the datasource and app.hideLoading() in the requestEnd event but it is ignore my commands.
regards maor

General Discussions

answered on 31 Jul 2013

1 answer

349 views

Using box-shadow together with a listView (not inset) or data-role="content"

I'm trying to use box-shadow inside a KendoUI Mobile view, but I'm unable to make it work. Below is the code, but no shadow is shown underneath the "shadowClass" paragraph as long as it's followed by a content div or a listView that's not inset. If I remove the listView and the content-div the shadow is shown.

Is it possible to achieve the bottom shadow effect together with a listView?

The view:

<div data-role="view" data-layout="app" data-title="test" id="pageTest">

<div class="shadowClass">

<p style="font-weight: normal;">

Some explanation text goes here.

</p>

</div>

<div data-role="content">

<ul id="listview-program"></ul>

</div>

The CSS:

.shadowClass {

background-color: yellow;

-moz-box-shadow: 1px 5px 9px #000000;

-webkit-box-shadow: 1px 5px 9px #000000;

box-shadow: 1px 5px 9px #000000;

}

A jsFiddle: http://jsfiddle.net/zsRFL/1/

General Discussions

answered on 31 Jul 2013

1 answer

120 views

working with forma data using php

im using php to access data in mysql database but i would like to store form data into my database using php and how do i select username and password using php in a form created kendoui...thanks in advance.

<?php
$link = mysql_pconnect("localhost", "root", "") or die("Unable To Connect To Database Server");
mysql_select_db("db") or die("Unable To Connect To ebusticket");

$request_vars = Array();
parse_str(file_get_contents('php://input'), $request_vars);

$arr = array();
$fname = $request_vars["fname"];
$lname = $request_vars["lname"];

$rs = mysql_query("insert into table (Pass_Surname, Pass_Fname) values ('" .$lname. "' , '" .$fname. "'");

if ($rs) {
echo json_encode($rs);
}
else {
header("HTTP/1.1 500 Internal Server Error");
echo "Insert Failed";

}

// add the header line to specify that the content type is JSON
header("Content-type: application/json");
?>

General Discussions

answered on 31 Jul 2013