Questions on Kendo UI for jQuery Forum

1 answer

4.0K+ views

Clear autocomplete value on select change event

I have the following jsFiddle and want to clear the autocomplete field when the user has selected an item. The following code does not do this:-



$("#input").data("kendoAutoComplete").value("");

Is this possible?

//create AutoComplete UI component

$("#input").kendoAutoComplete({

dataSource: data,

filter: "startswith",

placeholder: "Select country...",

select: function(e) {

var dataItem = this.dataItem(e.item.index());

$('#list').append("<li>" + dataItem + "</li>");

$("#input").data("kendoAutoComplete").value("");

}

});

AutoComplete

answered on 29 Nov 2012

1 answer

95 views

Bug with v2012.3.1114 splitter

Seems that if you use the mouse to click directly on the splitter without dragging the screen freezes with a modal overlay.

In the prior versions (last 2) there was no overlay used when sliding the splitter. In this new version when using the mouse to slide the splitter (which doens't appear in the demos), the screen goes gray and when the drag is complete it returns to normal. However a simple click will freeze the screen.

If someone has seen this issue or knows a work around, I'd really appreciate it.

If I use the keyboard to navigate and resize the splitter the modal overlay is not present. This only happens on a mouse click.

Splitter

answered on 29 Nov 2012

1 answer

129 views

Treeview dataImageUrlField Templating?

Is there a way to specify a template for the dataImageUrlField? For instance, the webservice that generates my DTO is not application specific, so it may generate an object with just "IMAGE_UID_SPECIFIER" in the dataImageUrlField. Once an app is deployed however, I may want to map this to http://tempuri.com/imagewebservice/IMAGE_UID_SPECIFIER. In this case I'd want my template to be something like

dataImageUrlField: http://mytemplateurl/imagewebservice/IMAGE_UID_SPECIFIER

{
  "name": "object1",
  "image": "IMAGE_UID_SPECIFIER"
}

$("#tree").kendoTreeView({
checkboxes: {
checkChildren: true
},
dataImageUrlField: 'image',
dataTextField: "name",
});

Any suggestions?

Thanks,

Paul

TreeView

answered on 29 Nov 2012

9 answers

129 views

Can't get pagable working.

My grid looks like this:

@(Html.Kendo().Grid<Biblioteka.ViewModels.BookViewModel>()

.Name("BooksKendoGrid")

.Columns(columns =>

{

columns.Bound(p => p.Title);

columns.Bound(p => p.Author);

columns.Bound(p => p.GenreName);

columns.Bound(p => p.ReleaseDate).Format("{0:d}");

columns.Bound(p => p.ISBN);

columns.Bound(p => p.BorrowCount);

columns.Bound(p => p.RealBookCount);

columns.Bound(p => p.AddDate).Format("{0:d}");

columns.Bound(p => p.ModifiedDate).Format("{0:d}");

columns.Bound(p => p.BookId).Width(150).ClientTemplate("<input type=\"button\" value=\"Edit #= Title #\" style=\"width : 100px;\" onclick=\"openEditWindow(#= BookId #)\"/>");

})

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.HtmlAttributes(new { style = "height: 200px" })

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(2)

.Model(model =>

{

//The unique identifier (primary key) of the model is the ProductID property

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

})

.Read(read => read.Action("BooksKendoGridRead", "Raports")

)

As you can see I had enabled Pageable and I set .PageSize to 2 but it doesn't work it cut other elements in grid ... and leave only 2

Grid

answered on 29 Nov 2012

2 answers

88 views

Can't call javascript

When I use "onclick" then first time it will not fire, the second time it fires but then my other links stop working,

I use PhoneGap/Cordova on Android

Any suggestions? Here is my code:

<!DOCTYPE html>

<html>

<head>

<title>TEST</title>

<script src="cordova-2.2.0.js"></script>

<script src="js/jquery.min.js"></script>

<script src="js/kendo.mobile.min.js"></script>

<link href="css/kendo.common.min.css" rel="stylesheet" />

<link href="css/kendo.mobile.all.min.css" rel="stylesheet" />

</head>

<body>

<div id="div1" data-role="view" data-title="Hello World">

<h2>Hello App</h2>

<ul data-role="listview" data-style="inset" data-type="group">

<li>Please select:

<ul>

<li data-icon="play"><a href="Page1.html">Page 1</a></li>

<li data-icon="play"><a href="#" onclick="test1();">Test</a></li>

</ul>

</li>

</ul>

</div>

<script>

window.kendoMobileApplication = new kendo.mobile.Application(document.body);

function test1()

{

alert('hello there...');

}

</script>

</body>

</html>

General Discussions

answered on 29 Nov 2012

1 answer

219 views

WebView

Hi,

          My simple apps needs to point a website for example (www.mywebsite.com). And when it display the page, it should show the whole page and the user can zoom in or out.

           Please let me know on how to do it or whatever KendoUI can do about it.

Thanks

General Discussions

answered on 29 Nov 2012

1 answer

280 views

Building fitler for 'startswith' for 0-9

I am using MVC.
I am having some difficulty in creating a filter for a column 'Name' where startswith 0-9

grid.dataSource.filter([

{ field: "Name", operator: "startswith", value: "0" },

{ field: "Name", operator: "startswith", value: "2" },

{ field: "Name", operator: "startswith", value: "3" },

{ field: "Name", operator: "startswith", value: "4" },

{ field: "Name", operator: "startswith", value: "5" }

]);

Above is abbrieviated....
Basically i have a text field 'Name' and i need to show any record that starts with 0-9.

Seems like no matter which way i phrase the filter, the filter on the DataSourceRequest never haves more that two filters (CompositeFilter).

Any help would be great. thanks. Logically i know i could have ten colums and filter by all ten columns for some value so my feeling is internally it is grouping by "Name" b/c the demos only support two filters per column.

-Trent

Data Source

answered on 29 Nov 2012

1 answer

84 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

86 views

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

168 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