Questions on Kendo UI for jQuery Forum

1 answer

111 views

Disable Sammy Route when open Kendo UI Windows

I have an app using Kendo and Sammy. The app is a SPA app with multiple views and each page has a Sammy route associated with it. On the second page, I need to open a kendo window. When I do so, the Sammy router gets invoked which is something I do not want. The new window has no path associated with it, so it matches the default route which causes the app to change its page back to the home page. Can anyone tell me either how to prevent the default route from running when I open the kendo window? I guess another interesting but optional fix would be to associate a sammy route with the kendo Window.

Window

answered on 27 Feb 2013

1 answer

98 views

PopOver & hierarchy of items.

Hi

Is it possible to implement a popover that explores a hierarchy? The HierarchicalDataSource docs suggest that it's only the TreeView that can handle this, which I'm assuming means that it's not possible to make the popover do this - but I've not tried it out yet.

If there's any examples of how this might be done, links would be hugely appreciated.

I'm trying to implement a popover that allows the user to browse a hierarchy, sample screenshot attached.

Thanks,

--
John Clayton

PopOver (Mobile)

answered on 27 Feb 2013

1 answer

155 views

Finding a particular row

Hello all.
I'm wondering if anyone can help me here.

There are 2 grids on a page. (For example).
On the first grid ('grid1') the databinding is in client side AJAX. The grid has paging, filtering, sorting, etc, the usual stuff.

On the second ('grid2') grid (set the same as above), I have an event for saveChanges() since the 2nd grid has batch update enabled.
On the client side javescript of the 2nd grid, I need to get a row with a particulat attribute from the first grid.
Say for e.g. Get the row with dataFieldCode = "MyCode". Please note, dataFieldCode is NOT the unique ID or a primary key.
Moreover, I want the actual underlying data and not the view, since this row maybe on Page 3 of the first grid, but the user has not navigated to page 3.

So just getting the view() of the data does not work.

I could not find a single example, where you get a data item with a given attribute (like a find or a seek) and you are not seeking the DOM. I need the underlying dataitem.

Any help here please?

Grid

answered on 27 Feb 2013

2 answers

1.7K+ views

Error when retrieving dataItem

I have been trying to get this piece of code to work for a while now, and I have run out of ideas. I looked online and could not find anything helpful.

I have a grid defined which has a lists of persons. User can click on the person to add it to their contacts. I have a custom command which does a post to my Action.

This is probably going to end up being something simple that I am overlooking..

I am unable to get the dataItem of the Grid. Following is the error I receive:

Uncaught TypeError: Cannot read property '0' of undefined
y.extend.dataItem
addContact
p.isFunction.f
p.event.dispatch
g.handle.h
Following is my Javascript function:

function addContact(e) {

debugger;

e.preventDefault();

var dataItem = this.dataItem($(e.currentTarget).closest("tr")); // <-- ERROR IS HERE

var id = dataItem.Id

var url = "@Url.Action("AddContact", "Contacts")";

alert(url);

$.ajax({

url: url,

type: 'POST',

data: { contactID: id },

});

}

Grid:

@(Html.Kendo().Grid(ViewBag.Contacts as List<Contacts>)

.Name("Grid")

.Columns(columns =>

{

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

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

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

columns.Command(command => command.Custom("Add").Click("addContact")).Width(80).HtmlAttributes(new { title = "Add Contact" });

})

.Groupable()

.Pageable()

.Sortable()

.Scrollable(s => s.Height("auto"))

.Filterable()

.DataSource(dataSource => dataSource

.Server()

.PageSize(50))

)

Used scripts:

<script src="http://cdn.kendostatic.com/2012.3.1315/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.aspnetmvc.min.js"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>

I am not sure what is causing this, any help would be appreciated.

Thank you,
Aleks

Grid

answered on 26 Feb 2013

1 answer

102 views

Loader after clicking Listview

HI,

ListView (Mobile)

answered on 26 Feb 2013

5 answers

1.3K+ views

How to remove default padding from the listview and how to apply background color

Hi,

When looking at the Twitter example I have adapted it with my own data.

http://demos.kendoui.com/mobile/listview/pull-with-endless.html

I need to make a slight change:
1. In android mobile the default background color of listview is black but i want to change it to different color(yellow)
2. Also there is default padding(some space around each row) but i want it to remove(i,e padding=0).
3. When tapping each 'row' I want it to highlight by red for few seconds

Thanks,
Lakshmikanth

ListView (Mobile)

answered on 26 Feb 2013

2 answers

636 views

Display all possibilities in dropdown

Hello.

I need to make the dropdown of autocomplete display all items listed in the datasource. I have found the .search() method and it almost does what I want, the only problem is that it requires me to pass it at least one character and does not appear to work if I specify an empty string.

How would I get all items to show?

Here is a jsfiddle that illustrates what I'm trying to do...
http://jsfiddle.net/3j2GP/1/

AutoComplete

answered on 26 Feb 2013

3 answers

170 views

Kendo Date Problem in Grid

If i select today in kendo date picker in add screen, kendo set the selected date as yesterday date in Grid.

i attached add screen image and kendo grid display date.

Date/Time Pickers

answered on 26 Feb 2013

1 answer

72 views

Very long name overlaps the label

Hi.
I have a problem, I'm using a list data kendoDropDownList and my app are fine but when I select an item that has a very long name overlaps the label. How I can fix this?.

Attached pictures. Thanks

General Discussions

answered on 26 Feb 2013

1 answer

61 views

Dropdown not populating in grid

When i used this method http://demos.kendoui.com/web/grid/foreignkeycolumn.html, to show the dropdown it fails

This i my structure
var dataAction = eval("(" + Jsondata+ ")");

function BindEquipmentGrid() {
//Create equipment grid
$("#EquipmentGrid").kendoGrid({ // create Grid from div HTML element Kendo
selectable: "row",
sortable: {
mode: "multiple", // enables multi-column sorting
allowUnsort: true
},
resizable: true,
columns: [
{
field: "Feild1",
title: "Feild1",
width: 160
},
{
field: "Feild2",
title: "Feild2",
width: 180
},
{ title: 'Action', field: 'ActionId', width: 200, values: dataAction },
],
editable: true
});
}

But the result it shows is [object][object] on cell select

General Discussions

answered on 26 Feb 2013