Questions on Kendo UI for jQuery Forum

3 answers

210 views

The app ask me for an username and password...

Hi forum, I know that this question is so simple and barely fool, but I am trying the mobile UI and when I want to run the app in the web browser this ask me for an user and password, in all web browsers... but, when I run the app example from the kendoUI trial ZIP the app run fine... why this is happening?

I'm already check permissions and that stuff, but I'm missing something.

Thanks!

General Discussions

answered on 28 Dec 2012

6 answers

211 views

[Solved] After filtering grid auto scroll to the left in IE-9 and removed scroll bar in FF 17

Hello,

HTML

<div id="example" class="k-content">

<div id="clientsDb">

<div id="grid" style="height: 380px"></div>

</div>

JS

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: {

type: "odata",

transport: {

read: "http://demos.kendoui.com/service/Northwind.svc/Orders"

},

schema: {

model: {

fields: {

OrderID: { type: "number" },

Freight: { type: "number" },

ShipName: { type: "string" },

OrderDate: { type: "date" },

ShipCity: { type: "string" }

}

},

pageSize: 10,

serverPaging: true,

serverFiltering: true,

serverSorting: true

},

height: 250,

filterable: true,

scrollable: true,

sortable: true,

pageable: true,

columns: [{

field:"OrderID",

filterable: false

},

"Freight",

{

field: "OrderDate",

title: "Order Date",

width: 350,

format: "{0:MM/dd/yyyy}"

}, {

field: "ShipName",

title: "Ship Name",

width: 250

}, {

field: "ShipCity",

title: "Ship City",

width: 300

}

]

});

Steps for produce this issue.

FF-17.

Step 1 : Add above code in to http://try.kendoui.com/web/widget-initialization/1
Step 2 : Filter the 'ship city' column by 'jayesh' and Click on filter button.
Step 3 : Issue raised here

It removed the scroll bar from the grid.

IE-9.

Step 1 : Add above code in to http://try.kendoui.com/web/widget-initialization/1
Step 2 : Filter the 'ship city' column by 'jayesh' and Click on filter button.
Step 3 : Clear the filter from 'ship city' column
Step 4 : Issue raised here

It miss aligned the data and header row. (Because it auto scroll to the Left)

Thanks,
Jayesh Goyani

Grid

answered on 28 Dec 2012

5 answers

141 views

mobile listview become unclickable if grouped listview has template with <a href=""> + switch

Hi all,
I just new in kendo ui and you may consider my question silly, but still I need to get an answer.

All code is available here: http://jsfiddle.net/Oleksii/vvCHX/27/

In my scenario I have mobile application with 2 views:

defaultView (id="") contains 2 list view: one statically defined; the second one is initialized in view init event handler); This non-static listview has template called "fileGroupsItemTemplate".
second view has no content (id="aboutView").

Non-static view's item MUST:

be clickable (I mean Link Items) to get ability to navigate to other view;
have switch on the right side in every row
View MUST be chnaged only if switch is checked

I faced with the problems: if I click on switch it changes its value, but current view is changed too.

It is because switch is inside <a> tag (see template). But if I put it out of <a> tag, 1) items are shown as a link; 2) items become unclickable; 3) if I click the link, then will get an error:

{"error": "Please use POST request"}

Doew anyone know how to prevent changing view after clicking on switch inside <a> tag? I was thinking about some trick in event handlers, but item-click event of list view is raised in the first place, and switch-change just after.

Here is template:

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

<table>

<tr><td>

<img src="#= data.Image#" />

</td><td style="vertical-align: middle">

#= data.Name #

</td>

</tr>

</table>

#if(data.Docs.length > 0){#

<ul>

#for(var i=0; i < data.Docs.length; i++){#

<li>

<a >#=data.Docs[i].Name#

<input data-on-label="Cl" data-off-label="Sk" data-role="switch" #=data.Docs[i].NeedProcess ? "checked='checked'" : ""# /></a>

</li>

#}#

</ul>

#}#

</script>

ListView (Mobile)

answered on 28 Dec 2012

1 answer

456 views

how to assign custom icons to window actions

Hi
How can I assign a custom icon to an action and change it when clicked?

So far I have the window opening and I have successfully attached the click events - now how do I change the icon after it has been clicked (and before).

$("#idExplorerReal").kendoWindow({

actions: ["Expand", "Custom", "Close"],

draggable: true,

height: "500px",

width: "300px",

minHeight: 500,

minWidth: 250,

modal: true,

visible: true,

resizable: true,

title: "Explorer",

close: onCloseWin

});

var kendoWindow = $("#idExplorerReal").data("kendoWindow");

var vv = kendoWindow.wrapper.find(".k-i-custom");

vv.click(function (e) {

alert("custom");

});

var vv2 = kendoWindow.wrapper.find(".k-i-expand");

vv2.click(function (e) {

alert("expand");

});

One more question....

How exactly does this .data("kendoWindow") work? Does Kendo places a reference to itself in the jQuery .data() action of the element that is transformed to a Kendo Window?

Thanks,

Window

answered on 28 Dec 2012

6 answers

378 views

[Solved] Passing few parameters to local views

I try to pass few additional URL parameters when navigating to local View. One parameter passed correctly (like this: "/#quotes?type=SHARES"). But if I pass two or more parameters (e.g. "/#quotes?type=SHARES&country=RU") javascript error occurred: "Uncaught TypeError: Cannot call method 'getAttribute' of undefined".

Method:
kendo.initWidget

line:
role = element.getAttribute("data-" + kendo.ns + "role");

Please describe how to pass correctly few parameters to local views!

Application

answered on 28 Dec 2012

1 answer

291 views

Validate Gridview Column not equal space and special character in kendo Grid

HI,
I have used kendo grid edit ,Empty column validation working fine. but i will give the space inside the editable textbox in grid . the validation not working.I will all empty string to database.

Thanks
Parthasarathi M

Grid

answered on 28 Dec 2012

1 answer

85 views

"Drawer" Effect

Is there a simple way in Kendo Mobile to simulate the "Drawer" effect?

Similar to the latest Facebook ios mobile, where the left side slides out with links to Favorites, News Feed, etc. Then it slides back in after clicking.

General Discussions

answered on 28 Dec 2012

1 answer

127 views

Stack out of space

I'm testing very standard kendo charts, every time i click on the pie chart or any of the other charts, for example, i'm getting the "out of stack space" in the browser. Anyone else getting this?

        $(document).ready(function () {
            $("#piechart").kendoChart({
                dataSource: ds_array
                seriesDefaults: {
                    type: "pie",
                    labels: {
                        visible: true
                            }
                },
                title: {
                    text: "Monthly Revenue per Location"
                },
                legend: {
                    position: "bottom"
                },
                series: [{
                    field: "revenue",
                    categoryField: "location"
                }],
                tooltip: {
                    visible: true,
                    format: "N0"

                }

            });


        });

General Discussions

answered on 28 Dec 2012

1 answer

407 views

How to hide loading progress bar in kendo dropdown list?

Hi All,

How to hide loading progress bar in kendo drop-down list? In case of no items coming from database, just I have to display "-select item-" in cascade drop-down scenario. Keep showing loading bar even though no items coming from database in my view. Immediate help would be appreciated.

Thanks.

DropDownList

answered on 28 Dec 2012

1 answer

159 views

How to bind ListView to Secure Web API (MVC 4) / How to send Username/Password or API-Key with the API call that decorated with [Authorize]

Hi,

I know it's not completely a classic Kendo issue, but I believe most of us want answer for that, so please kindly share your experience and a solution if you have one.

I'm able to bind ListView to Web API (MVC 4)

I'm using the ICENIUM by the way...

var productTransport = new kendo.data.RemoteTransport({

read: {

url: "http://localhost:1822/api/products",

dataType: 'jsonp',

type: 'GET'

}

});

var datasource = new kendo.data.DataSource({

transport: productTransport

});

$("#MyListView").kendoMobileListView({

dataSource: datasource,

template: kendo.template($("#listviewHeadersTemplate").html())

});

That works fine!

Now I want to secure the API call and want to send Username/Password with the API call in Cross Domain (after all its mobile app...)

1) the user (on the mobile app) need to enter his username/password when application launch.
2) I need to Authenticate the user with an API call for Login... if user pass the authentication, Return some ApiKey
3) this APIKey need to be sent on every API call that is secure and decorated with [Authorize]

Do you have a solution for this?

I attach Web API project, Please fill free to modify it to achieve that.
I'm 3 days on that and read lot of documentation, so any help is appreciated.

Thanks

Moti

General Discussions

answered on 28 Dec 2012