Questions on Kendo UI for jQuery Forum

4 answers

204 views

How to perform a POST operation instead of gets

How can I change from GET to POST operation? For example my autocomplete returns sensitive data (username) so I need to do JSON POST and NOT GET to protect against CSRF attacks.

Thanks
-Jonathan

Data Source

answered on 08 Mar 2012

1 answer

127 views

Bound drop down throws exception on change

I'm trying to run the following sample from the help:

<select data-bind="value: selectedColor">

<option value="red">Red</option>

<option value="green">Green</option>

<option value="blue">Blue</option>

</select>

<script>

var viewModel = {

selectedColor: "green"

};

kendo.bind($("select"), viewModel);

</script>

When i change the drop down value i receive a JS error:

Line: 6893

Error: Unable to get value of the property 'get': object is null or undefined

MVVM

answered on 08 Mar 2012

4 answers

231 views

GRID - Sorting at the server

Hi,
I set the sortable attribute to true, and the serverSorting: true for a kendo grid. json is of type POST. When I used Firebug to check the value of the sort expression, it was something like below
sort[0][dir]: asc
sort[0][field]: customerName.
And I tried to map to asp.net mvc model at the server.I could not get value through to the model. I already included this line in the global.asax
ValueProviderFactories.Factories.Add(new JsonValueProviderFactory());
It could map all other fields, but not the above sorting stuff.
Hence, I could not manage the sorting at the server.

Please help....
Thanks,
Agnes

Grid

answered on 08 Mar 2012

2 answers

632 views

How to switch views programatically.

I have an application that contains kendoGrids. In the grids I have click events on column templates. So when a click happens I need to show a different view. I have a tabStrip as my navigational control, but during the click event I can not get the kendoMobileTabStrip object. It always comes back as undefined. So unfortunately I can't get to switchTo function. I'm using...

var tabStrip = $('#navigation').data('kendoMobileTabStrip');

Can someone advise please?

General Discussions

answered on 08 Mar 2012

0 answers

98 views

Updating Templated Values on Demand

Hello,

I have a database with my records. The records in my database stores all date/time values in UTC format. I am displaying these records in a Kendo Grid. I have a checkbox that allows the user to view the records in local time instead of UTC time. My question is, how do I update the time values in my Grid without doing another trip back to my service? I've attached my current code below. Thank you.

<div id="myList"></div>

<input id="toggleTime" value="Toggle Time Format" onclick='toggleTimeFormat();" />

<script type="text/javascript">

var myDataSource = new kendo.data.DataSource({

type: "json",

pageSize: 50,

transport: { read: "/myData/" }

});

var theGrid = $("#myList").kendoGrid({

scrollable: { virtual: true },

dataSource: myDataSource,

sortable: true,

height: 250,

columns: [

{ title: "Person", field: "CustomerName", sortable: true },

{ title: "Order Date", field: "OrderDate", sortable: true, template: '#= kendo.toString(convertToDate(OrderDate), "MM/dd/yyyy hh:mm tt") #' },

{ title: "Ship Date", field: "ShipDate", sortable: true, template: '#= kendo.toString(convertToDate(ShipDate), "MM/dd/yyyy hh:mm tt") #' }

]

});

function convertToDate(s) {

var dateRegExp = /^\/Date$(.*?)$\/$/;

var date = dateRegExp.exec(s);

return new Date(parseInt(date[1]));

}

function toggleTimeFormat() {

// Update date values in the grid here

}

</script>

Grid

asked on 08 Mar 2012

1 answer

310 views

Can we change TabStrip's orientation?

Hi,
We would like to have vertical tabs aligned at left. Is it possible to use KendoUI tabstrip and acheive that effect? Is it possible to modify the CSS to make this work? Also can we have images in the the tab header? Please explain with some examples

regards

TabStrip

answered on 08 Mar 2012

2 answers

135 views

openOnClick bug?

element.kendoMenu({

openOnClick: true

});

1. Refresh page..
2. Select item.
3. Re trying to select.

The menu is triggered by the event onmouseover.

So it should be?

Menu

answered on 08 Mar 2012

3 answers

353 views

Event firing on button click and back button click

I am finding that an event I have defined for a button is not only firing when the button is clicked, but also when the back button is clicked. I have the following code:

<div class="back-button-show" data-role="view" data-layout="app" data-show="getVendorDetails" data-title="" id="vendor-details">

<div id="vendor-detail-div">

<div id="vendor-detail-name" data-bind="text: name"></div>

<div id="vendor-detail-tagline" data-bind="text: tag_line"></div>

<div id="vendor-detail-url" data-bind="text: url"></div>

<div id="vendor-detail-about" data-bind="text: about"></div>

<a class="button-left" data-role="button" data-click="addToFavoritesClick">Add to Favorites</a>

<a class="button-right" data-role="button" data-click="addToContacts">Add to Contacts</a>

</div>

<div data-role="layout" data-id="app" data-show="layoutShowInit">

<header data-role="header">

<div data-role="navbar">

<a class="nav-button" data-role="backbutton" data-align="left">Back</a>

<span data-role="view-title">Demo Conference</span>

</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a href="#main-page" data-icon="info">Info</a>

<a href="#vendors" data-icon="organize">Vendors</a>

<a href="#favorite-vendors" data-icon="favorites">Saved Vendors</a>

</div>

</footer>

</div>

<script>

var addToFavoritesClick = function(e) {

alert("This is a test");

};

</script>

What I have found, is if I click on the Add to Favorites button I get the alert like I expect. Then if I click the back button, I get the alert again a second time. However if I view the page and do no click the Add to Favorites button and click the back button I do not get the alert. Any help would be greatly appreciated.

Button (Mobile)

answered on 08 Mar 2012

1 answer

160 views

Lightswitch Odata as Datasource

Hi,

because Lightswitch has in the visual studio beta 11 now an odata service I tried to use it as a datasource for the kendoui grid.

But the grid is only loading and loading and it happens nothing. I can query the LS Odata with LinqPad and the grid is working with odata from netflix.

Are there differences between the Lightswitch Odata Service and Netflix?

Thanks.

Markus

Data Source

answered on 08 Mar 2012

3 answers

217 views

Can we Use kendo UI elements in some of our projects ?

downloaded the beta version and really like the grid and menu so i want to use this in some of my projects which include some of the websites of our own and some website that we make for some clients .

So i read the agreement , but its quite confusing ... as in this case i will be using the code for menu and grid and i will also be modifying it somewhat so that it will suits my website in terms of css and adding some more features to it .

So in one way i am using some code and inserting it in a website and i am talking some money in return of the website and in case in which i am using it in my websites then i will be generating some revenue from advertisement .

So i want a clarification that whether i can use these elements in my projects as mentioned above and what are the conditions ?

General Discussions

answered on 08 Mar 2012