Questions on Kendo UI for jQuery Forum

1 answer

832 views

Is there a way to bind an observable e-mail address to the href attribute of an element? I tried the following:
<a data-bind="{attr:{href:Email},text:Email}"></a>

But of course this lacks the needed "mailto:".

I know in Knockout you can do it like this:
<a data-bind="{attr:{href:'mailto:'+Email},text:Email}"></a>

I tried that in Kendo and it failed with an "Unrecognized string" error.

What's the best way to handle this type of binding in Kendo's MVVM setup?

MVVM

answered on 04 Oct 2012

1 answer

344 views

Unable to remove item from kendo dropdownlist programmatically

The following two methods for trying to programatically remove an item from a kendo dropdownlist were taken directly from Kendo forums but did not work. Both methods caused the dropdownlist to vanish entirely from the UI. The dropdownlist is defined in the header of a kendo grid control. I have verified that the _selectedLoosePartIndex value is good. Have to say that so far this product has cost me weeks of additional programing time trying to do the most simple tasks imaginable. I have no idea why it is such a popular product. I really do not believe that you guys have even attempted to thoroughly test the API in real world applications.

//Method one:

var data = $('#AvailableLooseParts').kendoDropDownList().data("kendoDropDownList").dataSource.data();

data = data.splice(_selectedLoosePartIndex, 1);

$('#AvailableLooseParts').kendoDropDownList().data("kendoDropDownList").dataSource.data(data);

// Method two:

var ddl = $('#AvailableLooseParts').data("kendoDropDownList");

var itemToRemove = ddl.dataSource.at(_selectedLoosePartIndex);

ddl.dataSource.remove(itemToRemove);

ddl.select(0);

DropDownList

answered on 04 Oct 2012

3 answers

183 views

Virtual scrolling for hierarchy Grid doesn't work properly

Virtual scrolling for hierarchy Grid doesn't work properly
Amend example http://demos.kendoui.com/web/grid/hierarchy.html to use virtual scrolling:
scrollable: {
virtual:true
}
Scroll down to the last record in the Grid. Try to open details.
Details grid is hidden, not possible to scroll down to view it.

Grid

answered on 04 Oct 2012

3 answers

1.3K+ views

Paging/filtering in query string and other parameters in body?

I have a fairly complex report I am creating that requires posting a bunch of JSON to a server. I have this up and running just fine with a data source. What I'm trying to do is to add server-side paging, into this process and am unsure how to proceed.

I thought it might make sense to put the paging in the query string of the URL that I'm posting the JSON to, but I can't figure out how to get the data source to accomplish this. I have turned on the server paging and set the page size properly. Does Kendo see that my read endpoint is a "POST" endpoint and just ignore adding anything to the query string? Is there a way to force it to add the current page size and page to the read URL?

Data Source

answered on 04 Oct 2012

0 answers

161 views

Nested DataModels

I'm trying to generate a popup for a grid that gets populated with a model that has nested models as properties.
I know the nested properties will not automatically show up in the edit popup (to my knowledge).
I tried using a custom template for the edit popup containing the additional fields that I require but this doesn't seem to work as-well.
Is it even possible to bind a hierarchical model to a (grid) popup up or must I create my own separate page for such scenarios?

Grid

asked on 04 Oct 2012

0 answers

170 views

Confirmation Popup show again and again

hello
i am using kendo tools getting stuff , i have used kendo window as confirmation box, but getting issues this comes again and again ..
Please help me..

Window

asked on 04 Oct 2012

0 answers

99 views

Design bug on Boolean Column when using .ColumnMenu()

I create a standard Kendo Grid :
GridBuilder<T> grid = helper.Kendo().Grid<T>()
                .Name(gridName)
                .DataSource(d =>
                    d.Ajax()
                    .Read(r => r.Action(string.Format("{0}GetPage", gridName), controllerName))
                    .PageSize(pageSize)
                )
                .Resizable(r => r.Columns(true))
                .Reorderable(r => r.Columns(true))
                .Pageable()
                .Selectable(select=>select.Mode(GridSelectionMode.Multiple))
                .Filterable()
                .Selectable()
                .ColumnMenu()
                .Scrollable()
                .Sortable(sort=>sort.SortMode(GridSortMode.SingleColumn))
                .Groupable()
The grid renders ok but when I try to filter the Boolean Column it looks like this

Is this a common bug or did I do something wrong ??

Nevermind...I found a solution...had to edit the .css file

Grid

asked on 04 Oct 2012

2 answers

273 views

Grid not able to display data

I have tried my hands at the Kendo Grid example with both static array data and json data from a web service. The console shows the data returned from the web server but my grid does not display the data, although I the column headers and everything else displayed.
Please see code below:
========================================

<!DOCTYPE html>

<html>

<head>

</head>

<body>

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: {

type: "jsonp",

transport: {

read: "http://localhost:3481/api/employees"

},

schema: {

model: {

fields: {

Code: { type: "String" },

Name: { type: "String" },

ContactName: { type: "string" },

}

},

serverPaging: true,

serverFiltering: true,

serverSorting: true

},

height: 250,

sortable: true,

pageable: true,

columns: [

{

field: "Code",

title: "ID",

width: 100,

}, {

field: "Name",

title: "Name",

width: 200

}, {

field: "ContactName",

title: "Contact Name"

}

]

});

</script>

</div>

</body>

</html>

Grid

answered on 04 Oct 2012

1 answer

172 views

DataGrid with expanding columns

We are looking to re-produce a data table we are building in HTML with the Kendo UI datagrid. We have a parent/child relationship in the columns (Grocery, Liquor, Pharmacy), but if you click on a column, then the child columns display. In our example, we clicked on liquor and liquor, beer and wine (the children of liquor) display.

Is this possible to re-produce in the datagrid provided by Kendo and if so, could you provide an example. We have looked at the grid within a grid, and visually our users would not like that option.

Thanks,
JD

Grid

answered on 04 Oct 2012

1 answer

75 views

buttons in <th> tags don't always work

When I make an html table a grid by setting data-role="grid", the <th> tags can no longer support working buttons which are bound by the viewModel. The following jsfiddle illustrates the issue: http://jsfiddle.net/billmcknight/zHKtb/ As you can see in the plain table the buttons in the <th> tag can be bound to the view model and do work (i.e. call the view model method) But in the second table where the only change is to set the data-role = grid, the button can no longer be bound by the view model. Why does it work this way?

MVVM

answered on 04 Oct 2012