Questions on Kendo UI for jQuery Forum

1 answer

191 views

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.8K+ 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

139 views

Loader after clicking Listview

HI,

ListView (Mobile)

answered on 26 Feb 2013

5 answers

1.4K+ 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

719 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

203 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.

DatePicker

answered on 26 Feb 2013

1 answer

90 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

81 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

6 answers

701 views

[Solved] Nested views bindings

Hello.

I have some parent container which is bind to ViewModel#1. This container contains other child container that is bind to ViewModel#2.

I’m not sure yet, but it looks like whole content of child container is bind to ViewModel#1 ONLY.

Is it possible to have such type of binding (having nested views) in Kendo? Would it have some potential issues with binding in that case? (Ambiguous bindings, issues when perform binding, etc.)

If it is not possible, what approach would you recommend?

Thanks ahead,

Andriyan.

MVVM

answered on 26 Feb 2013

1 answer

671 views

How to catch timeout and errors from a get in DataSource?

Hi

I've got the following code, but it's not clear to me how I respond to errors when the get fails (e.g. server down). It's also not clear to me how I should handle a request time out condition?

Are there methods I can hook into (like the click: handler) to help catch these conditions?

Here's the code.

return new kendo.data.DataSource({

serverFiltering:true,

serverPaging:true,

serverSorting:true,

pageSize:20,

transport:{

read:{

url:getContentsListURL() // returns a URL of course!

}

},

schema:{

data:"items",