Questions on Kendo UI for jQuery Forum

2 answers

97 views

prevent controls from moving with scroll

I have a handful of controls stacked vertically inside a scrollable div. When I scroll the div contents, the controls float down, out of position, during the scroll. How can I prevent that?

Thanks!

General Discussions

answered on 21 Jan 2013

1 answer

233 views

Editor color picker is not selecting color.

I have my editor as follows:

$('textarea').kendoEditor({
encoded: false,
tools: [
"bold",
"italic",
"underline",
"strikethrough",
"fontName",
"fontSize",
"foreColor",
"backColor",
"justifyLeft",
"justifyCenter",
"justifyRight",
"justifyFull",
"insertUnorderedList",
"insertOrderedList",
"indent",
"outdent",
"formatBlock",
"createLink",
"unlink",
"insertImage",
"viewHtml"
]
});

Everything is working as expected excluding the color picker for both the fore ground and back ground colors. I am using the kendo.common and kendo.default css files. What I am doing seems pretty basic. What gives?

Editor

answered on 21 Jan 2013

1 answer

492 views

Popover binding to close event?

So i have a popover and clicking the close button works well to close the popover, but i would like to bind the popover's close event to a custom function where i can send an ajax request and do some custom processing. I would like to bind the close because if you open the popover, select elements and click somewhere on the page the popover will close and i would like to capture that close event and fire my custom function.. I tried doing this:

<div data-role="popover" id="popover-locations" data-popup='{"height": 230, "width": 350}'>

<div data-role="view" data-title="Clinic Locations">

<div data-role="header">

<div data-role="navbar">

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

<a data-role="button" data-align="right" data-click="updateSelectedLocation">Close</a>

</div>

<ul data-role="listview">

@{

var locs = (List<Location>) Session["Locations"];

foreach (var l in locs)

{

if (l.IsActive)

{

<li><label>@l.DisplayText<input data-ident="@l.Identifier" type="checkbox" checked="checked" name="chbx-location"/></label></li>

}

else

{

<li><label>@l.DisplayText<input data-ident="@l.Identifier" ype="checkbox" name="chbx-location"/></label></li>

}

</ul>

</div>

And then in document.ready i'm trying to bind to the close event like this.

$(document).ready(function () {

// bind the location popover close event to the updateSlectedLocation function.

var locPopover = $('#popover-locations');

locPopover.bind('close', updateSelectedLocation);

});

But nothing is firing when i open the popover then click somewhere else on the page to close it... Any thoughts?

PopOver (Mobile)

answered on 21 Jan 2013

2 answers

491 views

MIgration from Telerik.Web.Mvc for Kendo.Mvc

Hello,

I migrated from Telerik.Web.Mvc for Kendo.Mvc but I had a few problems with some attributes like 'GridAction '.

What can I do to solve it?

Grid

answered on 21 Jan 2013

1 answer

168 views

disappear editor form when add new record in filter mode

Hi,

The editor form shows when press add new record button.
but when filter grid and press add new record button
can not see the editor form popup.

And then clear filter , grid has a new blank record.

The relate code as below,please help to solve this problem.

Thanks,
Mark

add new record button
$("#grid").kendoGrid({
toolbar: [{name:"create",text:"新增"}],
editable: {
mode: "popup"
}
})

filter grid
$("#item").kendoComboBox({
change: function() {
var value = this.value();
if (value) {
grid.data("kendoGrid").dataSource.filter({ field: "id", operator: "eq", value: parseInt(value) });
} else {
grid.data("kendoGrid").dataSource.filter({});
}
}
});

Grid

answered on 21 Jan 2013

1 answer

566 views

Remove javascript when close modal

Hi,
i create a modal window and load in it an html file. in the html file there is a script.
when i close the window i use destroy() and remove()
but the script that there was in the modal window remains on the principal page..

how can i do for to destroy the script?

Thank you

Window

answered on 21 Jan 2013

2 answers

141 views

Kendo UI example page looks too wide and too long on Opera Mobile

Hello there,

I'm trying to run this example http://docs.kendoui.com/tutorials/build-apps-with-kendo-ui-mobile

I get the following results:

1. Firefox: works great
2. Opera mobile emulator: works great
3. Internet Explorer for Windows Mobile 6.5: only renders the text. No styles, header and footer.

4. Opera 9.5 and Opera 10 for Windows Mobile: For some reason the browser renders a very large page. You can see only half of the text of the nav bar, you have to scroll side ways to see it all, and you have to scroll 2 pages down to see the footer.

On Opera 9.5 there is a advanced option called "Adaptive Zoom -> Virtual Screen Width". Setting this to the width of the device fixes the Navbar problem, but I'm still stuck with the footer.

Is there any trick to solve this?

Thank you,

NavBar

answered on 21 Jan 2013

4 answers

258 views

Databound Event

Hi everyone, I would like to make a request to the team.
Is it possible to have a databound event for the drop down list, just like the grid?
It would be really useful when you have more 2 dropdowns, such as country/state, and state refreshes based on the country. Usually you need to reset the selection after the dropdown has been repopulated, and so that event would be great.

Hope you consider it!

Cheers,
Andrés

DropDownList

answered on 21 Jan 2013

6 answers

376 views

[Solved] Binding to computed property

Hi,

i have something like this

var data = kendo.data.DataSource.create({ data: result.Products })
var viewModel = kendo.observable({dataSource: data});
kendo.bind($("#listview-templates"), viewModel, kendo.mobile.ui);

where result is the result of a service call, which has a list of Products , if i want to bind a property in my list view template , to say Price * Qty which are two properties in the product object , what is the best way to do it ? Whenever the qty or price changes the total should update

Thanks
.

MVVM

answered on 21 Jan 2013

4 answers

459 views

Getting space between KendoGrid toolbar and header

Team,

I want to create kendogrid with popup editing.

I was able to generate grid and when added toolbar: ["Create"] , I am getting huge gap between toolbar and header.

Am I missing something.

Help me in this regard.

Prasanna

Grid

answered on 21 Jan 2013