Questions on Kendo UI for jQuery Forum

3 answers

450 views

Dropdownlist not showing on popup edit template

This code in my view is not producing a visible dropdown list in the browser:

edit template code
@(Html.Kendo().DropDownList()
.Name("Sex")
.BindTo((System.Collections.IEnumerable)ViewData["Sexes"])
.DataValueField("SexId")
.DataTextField("SexName")

)

resulting html

<input id="Sex" name="Sex" type="text" value="2"/> <script>
	jQuery(function(){jQuery("#Sex").kendoDropDownList({dataSource:[{"SexId":1,"SexName":"Male"},{"SexId":2,"SexName":"Female"}],dataTextField:"SexName",dataValueField:"SexId"});});
	</script>

What am I doing wrong here? Please help :)

DropDownList

answered on 11 Dec 2012

2 answers

210 views

How to retrive image from database and to show in listview

Mobile application development.

we have item images in (SQL SERVER) data base and we want to show item information along with image in to list view control.
Can we use kendo ui to show images from database.

Please reply as soon as possible.

Thanks & Regards
raman singla

ListView

answered on 11 Dec 2012

1 answer

451 views

How to enable Delete functionality only without any edit functionality in the Grid ?

Hi,

I have a Grid whose data source is an javascript array of objects. How to enable Deletion alone in this Grid ? When I add "destroy" and say "editable" as True then it is allowing editing of cells also. I do not want editing of cells.

Also the alert to delete repeats itself and the row is not getting deleted in the javascript array. Any reason why ?

Thanks.

Grid

answered on 11 Dec 2012

2 answers

190 views

ie not support kendo upload

i cannot upload with kendo upload in ie .
ie not suport ??

Upload

answered on 11 Dec 2012

3 answers

126 views

what is the proper way to navigate away from a view before showing it?

When an $ajax call is made in a view's show or beforeShow event, how/when/where should we navigate to another view from the $ajax success or error callback? What I am currently doing does not work properly.

Consider the following example with 3 views:

initialView
errorView
ajaxView

user starts on initialView and clicks a link to navigate to #ajaxView
ajaxView does an $ajax call in its beforeShow event.
on success, the $ajax success callback does some processing and the view is displayed
on error, the error callback evaluates the error and navigates to #errorView

The above steps don't work. errorView is not displayed. Here is the jsfiddle for above.

General Discussions

answered on 11 Dec 2012

1 answer

85 views

Grid Binding

how to get the ID(Primary Key) of the row in the grid.

Grid

answered on 11 Dec 2012

6 answers

185 views

groupable + reorderable cannot both be used

Team,
First let me start off by saying thank you for this great product you have released!

I wasn't sure whether to place this here or in the UserVoice area so I'm sorry if i have chosen incorrectly.

Issue:
When using the KendoUI Web Grid there appears to be an issue (perhaps due to my own issues) when using reorderable (not documented at http://www.kendoui.com/documentation/ui-widgets/grid/configuration.aspx) and groupable. They do not appear to be able to work in unison. Reorderable will work as intended but the dynamic grouping functionality will not. The grid does properly display the grouping bar but the drop action is being considered invalid since it is not being done in the column header area.

Thanks in advance for anything that can be done about this.

Daniel

Grid

answered on 11 Dec 2012

1 answer

282 views

TreeView RTL (Right to Left) support

Hi.
I'm using TreeView in a right to left page. but it is not showing as expected. This is the HTML I'm using:

<div class="k-rtl">
<div id="accessTree"></div>
</div>

I'vs attached an image of what I see in Chrome.
I have managed to get it working by these lines of CSS:

.k-rtl .k-treeview .k-plus, .k-rtl .k-treeview .k-minus, .k-rtl .k-treeview .k-plus-disabled, .k-rtl .k-treeview .k-minus-disabled
{
float: right;
}
.k-rtl .k-treeview .k-item
{
padding: 0 16px 0 0;
}

The second image shows the tree after applying the css.
Am I missing something or this is an issue?
Thanks in advance.

TreeView

answered on 11 Dec 2012

1 answer

161 views

Load json subobject in de dataSource

My problem is
I have this pattern in json format
{"data":[{"name":"John","street":{"street_name":"Square"},"id":"9"},{"name":"Annita","street":{"street_name":"Half"},"id":"8"}]}

How i cant show the street_name like a column in the grid without dropdown it is a field information
thanks
I do not know if I explained well

Data Source

answered on 10 Dec 2012

2 answers

740 views

using click to dynamically change the dataSource of a listview - HELP!

Hi, I am currently developing an app that has two listviews, one on the mainview, and another on the secondary view, both which are using remote data call using jsonp. the items generated on the first listviews are links to the next listview, I know it sounds confusing, basically im using jquery to grab an attribute from an element on the main listview and that is used for the URL of the new listview, similar to the problem in this forum: http://www.kendoui.com/forums/mobile/listview/mobile-listview-is-not-refreshing-on-button-click.aspx

here is a copy of my code, hope you can understand and help me out here
Im having trouble loading the second listview with a dynamic URL

<div data-role="view" data-init="mobileListViewDataBindInitFlat" data-title="ClickView 24/7 Alerts" id="mainView" >

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

</div>

<div data-role="view" id="displayPage" data-title="ClickView 24/7 Alerts" data-init="mobileListViewint" >

<ul data-role="listview" id="datashow" >

</ul>

</div>

<div id="layout" data-role="layout" data-id="main-layout">

<div data-role="header">

<div data-role="navbar">

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

</div>

<div data-role="footer">

<div data-role="tabstrip">

<a href="#mainView" data-icon="home">Home</a>

<a href="#alertPage" data-icon="favorites">Alerts</a>

</div>

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

<a class="show" href="\#displayPage" data-show="${ProgramId}">

<span class="date">${Start}</span>

<h2>${Title}</h2>

<h3 class="chan">${Channel}</h3>

<p class="descript">${Description}</p>

</a>

</script>

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

<h3 class="keyword">Keyword: #: Keyword#</h3>

<a class="actionbutton"data-role="detailbutton" data-style="contactadd"></a>

<p class="subtime">#: SubTime#</p>

<p class="subtext">#: SubText#</p>

</script>

<script>

window.app = new kendo.mobile.Application(document.body,{transition: "slide", layout: "main-layout"});

//Main ListView initialiser

var showDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:3146/api/shows/wilan.bigay@clickview.com.au",

dataType: "jsonp",

contentType: "application/json; charset=utf-8",

data: {

q: "javascript"

}

});

function mobileListViewDataBindInitFlat() {

$("#result").kendoMobileListView({

dataSource: showDataSource,

template: $("#showtemp").text(),

})

}

$('.show').live('click',function(){

var progID = $(this).attr('data-show');

var dataURL = 'http://localhost:3146/api/shows/wilan.bigay@clickview.com.au/data/' + progID

});

//Alerts ListView

var dataDataSource = new kendo.data.DataSource({

transport: {

read: {

url: dataURL , //"http://localhost:3146/api/shows/wilan.bigay@clickview.com.au/data/0000000",<- how it should look like taking the 'data-show' attribute at the end of the URL

dataType: "jsonp",

contentType: "application/json; charset=utf-8",

data: {

q: "javascript"

}

});

function mobileListViewint() {

$("#datashow").kendoMobileListView({

dataSource: dataDataSource,

click: function(e) {

//dataURL = e.dataItem.data-show;

console.log(e.dataItem.title);