Questions on Kendo UI for jQuery Forum

1 answer

129 views

If I manually create window (.kendoWindow()) the open event is called when window automatically open for the first time.
But not if initialize with MVVM.

Just in case link.

Window

answered on 17 Oct 2014

1 answer

118 views

Using Kendo UI + Web API + Telerik DataAccess Services

Hi there, I am not a jquery expert, and this is the very first time I am attempting to create an app that is 100% Telerik-driven. I have included the image attachments of my related codes, I have an AddNew method within my Web API that accepts the entity object that I want to create. So now, with a form created on the front end, how do I post the values from the form to the method in the API? Is this the best method? Otherwise, what will you recommend?

General Discussions

answered on 17 Oct 2014

2 answers

323 views

[Solved] Grid editable.template

In Grid documentation in section editable.template show how bind value to numeric text box :
     <label>Age: <input data-role="numerictextbox" name="age" /></label>

I need bind value to dropdown list. I change code like this:

<script id="popup-editor" type="text/x-kendo-template">
<h3>Edit Person</h3>
<p>
    <label>Name:<input name="name" /></label>
</p>
<p>
    <label>Age: <input data-role="dropdownlist" data-bind="value: age, source: dataSource" /></label>
</p>
</script>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
    { field: "name" },
    { field: "age" },
    { command: "edit" }
],
dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
},
editable: {
    mode: "popup",
    template: kendo.template($("#popup-editor").html())
}
});

var dataSource = new kendo.data.DataSource({
data: [ 21,22,23,24 ]
});
</script>

But dataSource do not bound. Whats wrong?

Templates

answered on 17 Oct 2014

8 answers

1.4K+ views

Themes and fieldsets

Hi
Apologies as this is probably somewhere in the documentation, but...

I want to use theming on a fieldset, I'm not sure what classes to use for the fieldset and the legend to get the kendo look and feel?

Just to complicate things slightly I'm using a bootstrap 'well' class to get the bootstrap styling for the fieldset.

I don't know if these can be integrated in some way, I don't know if you can only use bootstrap elements if you're using the bootstrap theme?

If not is there a 'pretty' kendo fieldset? The bootstrap one looks much nice than the html default

thanks

General Discussions

answered on 17 Oct 2014

1 answer

205 views

TreeView - expand all node subitems structure on demand

Hello,

we are using treeview, loading nodes on demand having checkboxes (.Checkboxes(cb => cb.CheckChildren(true)). The tree has 500-1000 nodes.

One requirement is, if a user changes a checkbox, the checkbox state must be set to all the children of this node.

My questions are

- has TreeView such functionality built in ?
- Is it possible to expand all sub nodes (complete structure) of a given node when loaded on demand ?

Many thanks in advance.

Regards
Thomas

TreeView

answered on 17 Oct 2014

2 answers

411 views

Add grouping or aggregates to Grid initialised from table

Hi, I am initializing a kendo grid from a table that already has a header, and tbody with rows and columns,
I am not sure how to add grouping/aggregates to this table, or can this only be done when using a datastouce??

I want to add a grouping on the DATE column, with an aggregate sum on the CHARGE column,

can you please help

$(document).ready(function () {

$("#Journeys").kendoGrid({

scrollable: false,

pageable: true,

sortable: {

mode: "single",

allowUnsort: false

},

filterable: true

});

<table id="Journeys">

<colgroup>

<col style="width: 28px;" />

<col style="width: 180px;" />

<col style="width: 210px;" />

<col style="width: 150px;" />

<col style="width: 130px;" />

</colgroup>

<thead>

<tr>

<th data-field="rank"></th>

<th data-field="Date">Date/Time</th>

<th data-field="Journey">Journey/Action</th>

<th data-field="Charge">Charge</th>

<th data-field="Action"></th>

</tr>

</thead>

<tbody>

@foreach (var model in Model)

{

<tr>

<td></td>

<td>@Html.Encode(model.Date)</td>

<td>@Html.Encode(model.JourneyDescription)</td>

<td>@Html.Raw(model.FormattedCharge)</td>

<td></td>

</tr>

}

</tbody>

</table>

Grid

answered on 17 Oct 2014

3 answers

65 views

[Solved] Kendo UI's are not working on IE, FF and Chrome!

Hi,

We are trying to use Kendo UI for in our MVC development. To start with as demo, we tried to create Calendar, Dropdown List and Grid. But none of these controls are working or rendering on any of the browsers i.e. in IE 11.0.9600, FireFox 33.0 or Chrome 37.0.2062.124. We have Telerik version 2014.2 903 and we are using VS .Net 2012 Express for Web.

Can you please give a hint what could be gone wrong to this?

As this is very urgent at the moment, if I get the reply as soon as possible will be very helpful.

Regards!

General Discussions

answered on 17 Oct 2014

3 answers

160 views

filterable template

Hi
I´m using your grid and have to set the width of the columns. I´m also using the filter feature in row mode.
If i´m doing so, the filter column has a default width which is greater than my column so your filter icons are not shown.
I´ve tried to set the template for the column, which is working with Q2 but no more with your servicepacks as you
changed the templates.

Could you please post a sample with filterable template where you change the colums width.

Thank's in advance.

Gregor

Grid

answered on 17 Oct 2014

2 answers

184 views

[Solved] Two-way binding to an HTML select element

I seem to be having problems getting the select to update when I change the item in the underlying observable array (the select's source). If I add a new item, it appears in the list and looks correct; however, if I edit the name of an item I can't get it to change unless I rebind the viewmodel to the view.

Here is an example:
http://jsfiddle.net/MadCodeMonkey/u8quqvtd/

Is this expected behavior?

General Discussions

answered on 16 Oct 2014

2 answers

299 views

Kendo UI sync() not firing when datasource._destroyed is populated (dirty)

Here is slimmed down version of code:

gridDataSource = new kendo.data.DataSource({

batch: true,

transport: {

read: {

url: 'Equipment'

},

destroy: {

url: 'Equipment',

contentType: "application/json",

dataType: 'json',

type: "DELETE"

},

parameterMap: function (options, operation) {

if (operation == "read") {

return "this=works-fine";

} else {

alert('not reading');

return kendo.stringify(options.models);

}

},

schema: {

id: "EquipmentId",

fields: {

EquipmentId: { type: "number" }

}

});

kendoGrid = gridObj.kendoGrid({

dataSource: gridDataSource,

selectable: 'row',

navigatable: true,

change: rowSelect,

sortable: true,

pageable: false,

editable: { confirmation: false },

columns: [

{ field: "EquipmentId" },

]

}).data('kendoGrid');

And the read works just fine, I remove a row (or many) with this (selectedRow is populated correctly, just skipped for brevity):

$('#footer-remove').off().on('click', function () {

kendoGrid.removeRow('table tr[data-uid="' + selectedRow.uid + '"]');

console.log(gridDataSource._destroyed);

});

And its shows up in gridDataSource._destroyed, all my tests all show that the gridDataSource is dirty.When I call sync, nothing happens if I am just deleting. What am I missing? Thank you.

Data Source

answered on 16 Oct 2014