Questions on Kendo UI for jQuery Forum

1 answer

110 views

Endless Scroll Taps

I have the following template:

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

<div id="#= id #" data-role="touch" data-tap="myTouch.tap">#= title #</div>

<div class="articleBody" id="body-#= id #">

#= content #<br>

<a href=#= custom_fields.syndication_permalink[0] #>Read Full Story</a>

</div>

</script>

It works great at first. Once I add to the list view using endless scroll the newly generated items aren't tappable. This is my myTouch section:

window.myTouch = {

tap : function(e) {

var id = e.touch['target']['context']['id'];

console.log(id);

$('#body-' + id).toggle();

}

Is there something I have to do to get this to work on the newly generated list view items? I tried the old stand by of an onClick event but just doesn't work right on the iPhone.

Thanks.

ListView (Mobile)

answered on 29 Nov 2012

1 answer

96 views

[Solved] Kendo UI widgets and Dataviz widgets on the same page

Hi,

Is it possible to have Kendo UI widgets + DataViz widgets on the same page?
I wanted to have Grid(Popup Editing, Inline Editing etc.), Slider, AutoComplete, Rich Text Field and a Scatter Chart on the same page.
I have downloaded the latest trial package - kendoui.trial.2012.3.1114

I have added the files as below..

<link href="../../content/shared/styles/examples-offline.css" rel="stylesheet">
<link href="../../../styles/kendo.common.min.css" rel="stylesheet">
<link href="../../../styles/kendo.default.min.css" rel="stylesheet">

<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.web.min.js"></script>
<script src="../../content/shared/js/console.js"></script>
<script src="../../../js/kendo.dataviz.min.js"></script>

But on adding "kendo.dataviz.min.js", other widgets seems to misbehave.
How to overcome this and have both UI widgets and DataViz widgets on the same page..???

Thanks,
Vishnu

General Discussions

answered on 29 Nov 2012

1 answer

211 views

How to switch layouts for view programmatically?

How can the layout be programmatically changed to show a different layout for a view.
I have several layouts with different button configurations that need to change due to the views state. The native ios changes headers with a cross-fade to different button selection.

~thanks

General Discussions

answered on 29 Nov 2012

1 answer

132 views

Grouping not working

Some cases grouping not working with error found in firebug is

TypeError: a is undefined
http://localhost:1467/Scripts/kendo.web.min.js
Line 8

and page getting hang with loading image.

Grid

answered on 29 Nov 2012

1 answer

111 views

sync an element after create was called

Hi,

Is there a way to sync an element after create was called?
EX: In edit or update there are only a number of field that are actually set by user the rest are only information. While displaying editor I do not want to pull reference information however the new value returned from controller is being ignores.

// I have a data source defined

Workbench = new kendo.data.DataSource({

transport: {

create: {

url: "/api/workbench",

type: "POST"

}

})

// I add a new object to Data source

Workbench.add({...});

// and call sync the action on workbench

// controller returns a new object with id and other

// properties set however I think the return is being

// ignored

Workbench.sync();

Data Source

answered on 29 Nov 2012

2 answers

258 views

Strange Behavior with MVC Wrapper Grid and null value being passed for field

For some strange reason, the GroupName column returns a null value to the controller even though I enter a value into the grid UI. The GroupDescription column passes the entered value successfully. Both columns are strings except GroupName is a required field in the GroupVM view model. The work around is that I have to use a clientemplate for GroupName (see below)



THIS WORKS: columns.Bound(p => p.GroupName).ClientTemplate("#=GroupName #").Title("Group Name");

THIS DOES NOT WORK: columns.Bound(p => p.GroupName).Title("Group Name");







@model IEnumerable<

ViewModels.GroupVM>

@(Html.Kendo().Grid<ViewModels.GroupVM>()

.Name("GroupGrid")

.ToolBar(toolbar => toolbar.Create().Text("Create"))

.Editable(editable => editable.Mode(GridEditMode.InLine))

.Pageable()

.Sortable()

.Scrollable()

.Columns(columns =>

{

columns.Bound(p => p.GroupId).Hidden();

columns.Bound(p => p.GroupName).ClientTemplate("#=GroupName #").Title("Group Name");

columns.Bound(p => p.GroupDescription).Title("Group Description");

columns.Command(command => { command.Edit(); }).Width(200);

})

.DataSource(dataSource => dataSource

.Ajax()

.Model(model =>

{

model.Id(p => p.GroupId);

})

.Events(events => events.Error("error_handler"))

.Create(update => update.Action("ManageGroups_C", "Group"))

.Read(read => read.Action("ManageGroups_R", "Group"))

.Update(update => update.Action("ManageGroups_E", "Group"))

)

<script type="text/javascript">

function error_handler(e) {

if (e.errors) {

var message = "Errors:\n";

$.each(e.errors, function (key, value) {

if ('errors' in value) {

$.each(value.errors, function () {

message += this + "\n";

});

}

});

alert(message);

}

</script>

Grid

answered on 29 Nov 2012

1 answer

324 views

Defining combobox with events in popup template?

Hi,

I'm currently struggling to define a combobox in a grid popup template. The combobox should react on its own change event.

Is this possible and can somebody give me an example on how to achieve this?

sincerely,
tom

Templates

answered on 29 Nov 2012

1 answer

258 views

[Solved] Hide/not display separator?

Hello,
Is it possible to not display the separator in the menu?

Thanks,
David A.

Menu

answered on 28 Nov 2012

1 answer

772 views

dropdown arrow positioning

where can I find documentation or examples of how to align the dropdown arrow with css that's currently aligned to the right of each tab to the left?

PanelBar

answered on 28 Nov 2012

7 answers

458 views

[Solved] Minus data-icon for button

Hi, I would like to know if there are any future plans to include a minus data-icon for data-role button?

Also how can i make a button round if it has a data-icon, i want to achieve a button like that of the iphone message application for sms.

Thanks in advance

Button (Mobile)

answered on 28 Nov 2012