Questions on Kendo UI for jQuery Forum

2 answers

166 views

[Solved] Pager controls should be hidden when total results is less than the pageSize

This isn't a big issue but the pager controls should be hidden when total results is less than the pageSize.
I have attached screens of the vanilla and my modification to better visualize the improvements.

Grid

answered on 11 Dec 2012

3 answers

108 views

Filter Click and scrolling broken in IE8.

Hey,
i have the same problem as described in this thread: Filter Click in IE8
The compatability mode of IE8 is not a solution in this case, because a lot of features don't work in that mode.
I also noticed, that the click works every ~10 refreshes and after clearing the cache.
Also when changing the pagesize of the pager from 10 to 20 or 50, the grid refreshes with the selected amount of rows, but the surrounding div does not scroll. Instead it displays a greyed out scrollbar.
This might be an IE8 Bug in connection to loading stuff via AJAX, though.
I can not provide a sample project, as i can't reproduce this in a simplified scenario.

Thanks for the help. :)

Grid

answered on 11 Dec 2012

1 answer

147 views

ComboBox Background Image

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

159 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

222 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

149 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

832 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

468 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

226 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