Questions on Kendo UI for jQuery Forum

1 answer

147 views

I am evaluating Kendo UI web controls trial. My appliction used RadComboBox control. its Width still 100% and i can not change it.

ComboBox

answered on 11 Dec 2012

6 answers

1.3K+ views

How to get Ids of PanelBar Items?

I have been reading through the PanelBar documentation on this page:

http://www.kendoui.com/documentation/ui-widgets/panelbar/methods.aspx

under the 'expand' example it provides a snippet of code showing how to select an item using an id selector.

However, with my PanelBar implementation none of the <li /> are rendered with IDs, only CSS classes (e.g. <li class="k-item k-state-default"></li>).

How can I get the PanelBar to render id attributes for it's list items? what properties do I need to include in my data source? I've tried adding an "id" property but it doesn't change anything.

Alternatively, is there a simple way to persist the state of the PanelBar that I am missing? I'm currently writing/reading values to localStorage in the collapse/expand events and then attempting to call the expand method for PanelBar groups based on the retrieved values but it's proving to be a real pain with no ids.

Thanks,

Neil.
(I am using the Trial version of the Kendo UI controls - v2012.2.710)

PanelBar

answered on 11 Dec 2012

4 answers

158 views

Filter Click Broken in IE8

The filter icon doesn't display the filter selection in IE8. However it works in Firefox & Chrome.

Any Ideas?

Aspx header Include.

<script type="text/javascript" src="../Scripts/kendo/2012.2.710/kendo.web.min.js"></script>

Javascript from doc ready.

ds = new kendo.data.DataSource({

error: function (e) {

$('#summaryTable').html(e.xhr.responseText);

},

serverPaging: false,

serverSorting: false,

schema: {

data: "d.Vehicles",

model: {

id: "Ip",

fields: {

Name: { type: "string" },

LastMotion: { type: "date" },

Hours: { type: "number" }

}

},

transport: {

read: {

url: appRoot + 'services/reports/motion.asmx/VehicleLastMotion',

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

dataType: 'json',

type: 'POST'

},

parameterMap: function (data, operation) {

var x = { tags: '{0}'.format(GetSelectorTags().qry) };

return JSON.stringify(x);

}

},

change: function (e) {

var d = ds.data();

$('#count').html((d.length != 0) ? 'Count: {0}'.format(d.length) : 'No vehicles exists for your search criteria. Filter = {0}'.format(GetSelectorTags().qry));

if (d.length != 0) { $('#exportLink').show(); } else { $('#exportLink').hide(); }

GraphMotionData(d);

}

});

var grid = $('#summaryTable').kendoGrid({

resizable: false,

filterable: true,

selectable: 'row',

pageable: false,

sortable: { mode: 'single', allowUnsort: false },

columns: [

{ field: 'Name', title: 'Vehicle', width: '*' },

{ field: 'Hours', title: 'Hours', width: '70px' },

{ field: 'LastMotion', title: 'Last Motion', width: '180px', template: '#= kendo.toString(LastMotion,"MM/dd/yyyy hh:mm:ss") #' }

],

dataSource: ds,

autoBind: false

});

var grid = $("#summaryTable").data("kendoGrid");

grid.bind("change", function () {

//if grid single row selection is enabled

var model = grid.dataItem(grid.select());

DisplayVehicleInformation(model.id, model.Name);

});

Grid

answered on 11 Dec 2012

3 answers

220 views

Tabstrip cut off at bottom after updating to Q3 kendo.mobile.all.css

Hi there

I recently updated to Q3 , the latest css file for kendo mobile.

The tabsstrip in the footer of my template is perfect on the iphone, it shows the km-text titles under the icons along the bottom of the screen.

However on ipad, it seems like the whole footer is pushed down , cutting off some of the icons and text beneath them cant be seen. They are off the page.

Keep in mind when i used version before Q3, the tabstrip was perfect on ipad...

I have tried :

.km-tablet .km-ios .km-footer{
height:4em;
}
.km-tablet .km-ios .km-footer .km-tabstrip{
height:4em;
}

this moves the footer up, but still seems like there is a mask cutting off just below the icons... so no text...

please help if possible

kind regards

Richard

TabStrip (Mobile)

answered on 11 Dec 2012

1 answer

146 views

window resizable not in 2012.3.1114

hi,
noticed when i was trying to set resizable to false i had no response.
looking through the js file for window and i see there is no handling of the option.

cheers,

Window

answered on 11 Dec 2012

1 answer

819 views

how to remove/hide row values in Grid

HI,
how to remove or hide specified row values(1 row,7th row,19 row) in kendoGrid.is this possible to remove..?

$("#grid").kendoGrid({
width: 1500,
dataSource: data.d,
resizable: true,
rowTemplate: kendo.template($("#stTemplate").html()),
height: 790,
dataBound: stThruGrid,
selectable: true,
columns: [
{ title: 'Name', field: 'Name', width: '20%', sortable: true },
{ title: 'ActValue', field: 'ActValue', width: '12%', sortable: true },
]
});

Grid

answered on 11 Dec 2012

3 answers

465 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

223 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

466 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

202 views

ie not support kendo upload

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

Upload

answered on 11 Dec 2012