Questions on Kendo UI for jQuery Forum

1 answer

172 views

Load On Demand

I want to only initialize\kendoify (tm) the window after a button click to help with performance...so the question is how can I check to see if it's ALREADY been initialized when the button is clicked again.

Is it like $("#window").data("kendoWindow") === null or something?

What's the proper syntax for that?

Window

answered on 09 Mar 2012

1 answer

1.0K+ views

Creating Hyperlinks on Grid Row Items?

HI All,

I have been trying to create hyperlinks on Grid Items, i mean to say when a row item is clicked i want to navigate it to a different page based on the selection. I'm trying to achieve it using the change event and attaching an handler to it. I have attached the partial code snippet in here, but it doesn't seem to be working. Can anyone help me with this or is there a work around?

Thanks & Regards,

Harsha

---
$("#grid").kendoGrid({

height: 250,
groupable: true,
selectable: "row",
change: onSelect,
scrollable: true,
sortable: true,
columns: {}
})
---
function onSelect(arg){
var clicked = $("#grid").data("kendoGrid");
$(clicked).prop("href", "newPage.html");

)

Grid

answered on 09 Mar 2012

1 answer

114 views

Showing Remote Data using Primary Key

Hello,

I'm looking at the Demo for Binding the DataSource to Remote Data (http://demos.kendoui.com/web/datasource/remote-data.html). Based on the demo, I was wondering if it's possible, rather than searching tweets by the text of a tweet, to show all the information of the tweet from the tweet's id (it's primary key).

I've stripped down the demo and created a jsfiddle to kind of demonstrate what I need: http://jsfiddle.net/NAFfD/1/ For now, the code receives the string "kendo ui" and shows tweets containing the string, as well as the from_user, from_user_id, and id. I would rather the code receive an id (the primary key), then return the from_user, from_user_id and text. Is that possible?

Any help would be greatly appreciated.

Data Source

answered on 08 Mar 2012

4 answers

202 views

Implementation In Zend Framework

I am PHP developer. Can anybody tell me how Kendo UI can be integrated with Zend_View.
Thank you

General Discussions

answered on 08 Mar 2012

1 answer

120 views

Autocomplete drop down is too narrow for me

I am trying KendoUI for the first time. Auto complete is the first UI I tried. I could get the selection working. I am using local data sample. But the drop down is too narrow and not even the first character is visible. But when I select right selection happens. I have enclosed the picture here. When I type s all the countries starting with s are lined up in the drop down. But does not show. Please let me know. Thank you.

-Anand

AutoComplete

answered on 08 Mar 2012

4 answers

193 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

109 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

217 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

618 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

88 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