Questions on Kendo UI for jQuery Forum

2 answers

171 views

Hi,

For some reason popup does not work in IE. jsfiddle sample
Access denied error.
FYI: Version 2011.3 1407 does not have this issue.

DropDownList

answered on 23 Apr 2012

0 answers

129 views

Dropdown does not Submit any value

Hi,
i have a problem with the dropdown-box. It does not submit any value.
My Form looks like this:

<form action="/setseeker/users/add/" id="UserAddForm" method="post" accept-charset="utf-8">

	<input type="hidden" name="_method" value="POST"/>

	<div class="input text required">
		<input name="data[User][email]" maxlength="255" type="text" value="" id="UserEmail"/>
	</div>

SOME OTHER FORM ELEMENTS

	<span class="label">Pro Nutzer</span>
	<div class="input select">
		<select name="data[User][ispro]" id="UserIspro">
		<option value="0">Nein</option>
		<option value="1">Ja</option>
		</select>
	</div>

	<div class="submit">
		<input  type="submit" value="Erstellen"/>
	</div>
</form>

The Post looks like:

Array
(
    [_method] => POST
    [data] => Array
        (
            [User] => Array
                (
                    [username] => 
                    [password] => 
                    [email] => test@web.de
                    [newpassword] => 1
                )

        )



As you can see, there is no value for

<select name="data[User][ispro]" id="UserIspro">

I dont know whats wrong. I hope someone of you may help me to fix this error.

Thanks
Nico

DropDownList

asked on 23 Apr 2012

0 answers

65 views

Listview data-style="inset" isnt working on tempate

Sorry, I found the error in my code and so would like to delete this post.

ListView (Mobile)

asked on 23 Apr 2012

6 answers

487 views

Navigate from data-init event

Hello,

I am using kendo mobile, and I am trying to navigate to a view in page-init event, but it is not working.

<!DOCTYPE html>

<html>

<head>

<title></title>

<script type="text/javascript" charset="utf-8" src="jquery.min.js"></script>

<script type="text/javascript" charset="utf-8" src="kendo.mobile.min.js"></script>

<link href="kendo.mobile.all.min.css" rel="stylesheet"/>

</head>

<body>

<div data-role="view" id="settings" data-layout="commonLayout" >

Login

</div>

<div data-role="view" id="favorites" data-layout="commonLayout" data-init="favoritesPageInit">

Featured

</div>

<div data-role="layout" data-id="commonLayout">

<footer data-role="footer">

<div data-role="tabstrip">

<a href="#favorites" data-icon="favorites">Favorites</a>

<a href="#settings" data-icon="settings">Setting</a>

</div>

</footer>

</div>

<script type="text/javascript" charset="utf-8">

var app = new kendo.mobile.Application($(document.body), { initial: "settings" });

function favoritesPageInit(e){

app.navigate("#settings");

}

</script>

</body>

</html>

When I am running the simple code above, click on the 'favorites' icon of the tabstrip, I am expecting to navigate to the 'login' view, but it is not working well.

Am I missing anything?

Thanks,
Amr

Application

answered on 23 Apr 2012

2 answers

574 views

Is possible to add a custom attribute a to a datasource?

Imagine that I have a kendoui datasource.
Is it possible to add a custom property/attribute like this ?

var dataSource = new kendo.data.DataSource({

    xpto = "3", <---

    transport: {

        read: {

            // the remote service url

            url: "http://search.twitter.com/search.json",

            // JSONP is required for cross-domain AJAX

            dataType: "jsonp",

            // additional parameters sent to the remote service

            data: {

                q: "html5"

            }

        }

    },

    // describe the result format

    schema: {

        // the data which the data source will be bound to is in the "results" field

        data: "results"

    }

});

Data Source

answered on 23 Apr 2012

3 answers

243 views

need sample example for nested json object

Hi All,

Can somebody give sample example to get JSON Object through Webservice and print it in html page.

I am trying but unable to print it.

I want to print below JSON object.

{"GetClientListResult":[{"Client_ContactNumber":"333333","Client_EmailId":"smith@123.com","Client_Id":3,"Client_Image":"http:\/\/122.170.2.155:9092\/TR_Service\/Image\/3.jpg","Client_Name":"Mr. SMITH","ReplyErrorMessage":null},{"Client_ContactNumber":"444444","Client_EmailId":"williams@123.com","Client_Id":4,"Client_Image":"http:\/\/122.170.2.155:9092\/TR_Service\/Image\/4.jpg","Client_Name":"Mr. WILLIAMS","ReplyErrorMessage":null},{"Client_ContactNumber":"555555","Client_EmailId":"rohan@123.com","Client_Id":5,"Client_Image":"http:\/\/122.170.2.155:9092\/TR_Service\/Image\/5.jpg","Client_Name":"Mr. ROHAN","ReplyErrorMessage":null},{"Client_ContactNumber":"666666","Client_EmailId":"rishab@123.com","Client_Id":6,"Client_Image":"http:\/\/122.170.2.155:9092\/TR_Service\/Image\/6.jpg","Client_Name":"Mr.RISHAB","ReplyErrorMessage":null},{"Client_ContactNumber":"777777","Client_EmailId":"jonathan@123.com","Client_Id":7,"Client_Image":"http:\/\/122.170.2.155:9092\/TR_Service\/Image\/7.jpg","Client_Name":"Mr. JONATHAN","ReplyErrorMessage":null},{"Client_ContactNumber":"111111","Client_EmailId":"jeff_devis@123.com","Client_Id":1,"Client_Image":"http:\/\/122.170.2.155:9092\/TR_Service\/Image\/1.bmp","Client_Name":"Mr. JEFF DEVIS","ReplyErrorMessage":null},{"Client_ContactNumber":"222222","Client_EmailId":"wilson@123.com","Client_Id":2,"Client_Image":"http:\/\/122.170.2.155:9092\/TR_Service\/Image\/2.jpg","Client_Name":"Mr. WILSON","ReplyErrorMessage":null}]}

Data Source

answered on 23 Apr 2012

1 answer

368 views

Dropdown list selection bug while using keyboard

I think I may have found a bug in the way drop down list works, this can be reproduced in teh cascading dropdown list demo (http://demos.kendoui.com/web/dropdownlist/cascadingdropdownlist.html) in the following way.

1. Make sure category has focus (click the down arrow twice)
2. Use the up/down keys (or Alt+down) to select a category and press tab (products should now have focus)
3. Use the up/down keys (or Alt+down) to select a product and press tab (orders should now have focus)
4. Use the up/down keys (or Alt+down) to select a order.
5. Now change the caterogy to something else (either by mouse or by keyboard) and press tab

Note: Products does not get focus, and if it does, using the up/down keys to change selection no longer works, this is the same for orders once you select a product with the mouse.

Thanks,

DropDownList

answered on 23 Apr 2012

0 answers

68 views

Grid is not working inside -moz-box div in firefox

Grid is not working inside -moz-box div in firefox, in chrome is working great. My code is:

<div class="header flexbox" onclick= "HeaderClick('@Url.Content("~/")')">
<div id="myGrid" ></div>
<div id="leftlogo">
</div>
<div id="middlelogo">
</div>
<div id="rightlogo">
</div>
</div>

<script>
$("#myGrid").kendoGrid({
pageable: true,
autoBind: false,
groupable: true,
selectable: true,
sortable: true,
columns: [
{ title: "ID", field: "ID" },
{ title: "Description", field: "Description" },
{ title: "Created By", field: "CreatedBy" },
{ title: "Creation Date", field: "CreationDate" }
]
});
</script>

As i saw the width and height percentages cannot be controlled in firefox when flexbox is present. As you see i have the grid inside of flexbox. And the width should ocuppy the entire content of the component that you put in(this is done by design to have width:100%). Is this a way/trick to have kendogrid look as in chrome? See attached picture for details

Grid

asked on 23 Apr 2012

1 answer

64 views

Documentation typo

On Page:
http://www.kendoui.com/documentation/ui-widgets/fundamentals.aspx

Under:
"Initialize a kendo DropDownList using a role attribute"

The container selector is misspelt:

(is this an appropriate place to post this?)

<div id="container">
    <select data-role="dropdownlist"></select>
</div>

<script>
    kendo.init($("#contianer"));
</script>

General Discussions

answered on 23 Apr 2012

1 answer

84 views

Using KendoUI with ActivePDF WebGrabber?

I'm using a ActivePDF WebGrabber and none of the KendoUI Graphs render to PDF. I beleve it is because the Javascript doesn't get executed by the WebGrabber? Is there a workaround or solution for rendering to PDFs?

Charts

answered on 23 Apr 2012