Questions on Kendo UI for jQuery Forum

4 answers

258 views

MVVM sortable, data templating (phantom items being created)

So I have provided a dojo of the problem in action. Not sure what is going wrong or how to fix it. http://dojo.telerik.com/aFiKaJEK

I have cut out the rest of the controls and limited it to a sortable list with some items.

What should happen:

When moving the items up/down the list it should reorder the datasource "Columns" so that the order reflects what is on the screen (as this will be saved back at some point)

When reordering the items the vm list is the correct size and in the correct order but the templating is adding a "phantom/duplicate" item on the screen. Is this by design or am I doing something wrong.

If you press the x to remove items from the datasource this again is updating correctly but as soon as there is an interaction with moving items around the collection it will add these duplicate items to the screen.

Any advice on how I can resolve this?

MVVM

answered on 22 Jun 2018

1 answer

133 views

destroy vs hide vs empty

i have multiple charts,i need to show and hide them,but the problem is once its hidden,when i want to show it with new data,first it shows the hidden data and then updates with new one

Charts

answered on 22 Jun 2018

1 answer

345 views

Load 50k records with dynamic grouping

Hi,
I am trying to load 50k records on my Kendo UI grid in MVC application, but getting performance issues and sometimes error as well. I also need to provide drag and drop grouping feature with the total of few columns, according to grouping selected.
I also need the multi-select filter with all above functionality, need it to work like a magic too, without taking a lot of time

Your help is much appreciated.

Thanks

Grid

answered on 21 Jun 2018

3 answers

1.6K+ views

[Solved] Input box initial focus

I try to set focus to an input textbox in Kendo Window when the Window is opened, it set the focus then the focus is lost immediately. It was working before until recently. See code below:

<div id="w">
<input id="t" />
</div>

var win = $('#w').kendoWindow({
title: 'Test',
visible: false
}).data('kendoWindow');
win.center().open();
$('#t').select();

Window

answered on 21 Jun 2018

2 answers

307 views

[Solved] hide Filtered values

is it possible hide unselected items in filter popup dialogue of each column of spreadsheet control?
Basically, we need this works like Excel.

Please check link out to see what I need:
https://www.screencast.com/t/doeRvn0ayl8a

Spreadsheet

answered on 21 Jun 2018

7 answers

1.9K+ views

[Solved] how to return a value (from async call) to a grid's cell template?

Trying to pass a value from an async call back to a grid column cell template. Obviously returning a value from an async call can be difficult. How do I get a result back into the kendo grid cell?

....
field: "PTORecorded",
title: "PTO Recorded",
template: function (data){
getData(data).done(handleData);
}

},

----

function getData(data) {

var person = data.Person;

return $.ajax({

url : url + person,

type: 'GET',

headers: {

"Accept": "application/json; odata=verbose"

},

});

}

function handleData(data) {

var ptoArray = [];

$.each(data.d.results, function (index, item) {

if (item.PTOValue != null) {

var _item = item.PTOValue;

ptoArray.push(_item);

}

});

var ptoRecorded = 0;

for (var i = 0; i < ptoArray.length; i++) {

ptoRecorded += ptoArray[i] << 0;

return ptoRecorded;

}

I'm basically trying to call a remote datasource, filtering it via a value in the grid row (data.Person), calculating a returned value, and passing it back to a grid cell template. How do I get that async call to pass a value back to the grid? I know the async call presents a problem. Suggestions?

Grid

answered on 21 Jun 2018

2 answers

251 views

updated NPM theme download

I'm trying to update my node_modules with the latest default theme .scss files but the most recent build on npmjs hasn't been updated to include styles for dropdowntree, chat, etc.

npm install @progress/kendo-theme-default

I know the kendo theme github moved to a monolith-repo. Is there an updated NPM package?

General Discussions

answered on 20 Jun 2018

2 answers

379 views

[Solved] Prevent detele last record

Hello,

I am using MVC wrappers without Edit button (Add and Delete only). What is the better way to prevent to delete very last record in the grid? I could use command().hidden(bool) but have not figured out yet how to wire JavaScript function there.

Thanks.

@(Html.Kendo().Grid<WebApplication42.Models.Phone>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(p => p.PhoneID);
            columns.Bound(p => p.PhoneNumberInt);
            columns.Bound(p => p.PhoneNumberString);
            columns.Command(command => { command.Edit(); command.Destroy(); }).Width(250);
        })
        .ToolBar(toolbar => toolbar.Create())
        .Editable(editable => editable.Mode(GridEditMode.InLine).ConfirmDelete("Delete").DisplayDeleteConfirmation("Are you sure to delete?"))
        .Pageable()
        .Sortable()
        .Scrollable()
        .HtmlAttributes(new { style = "auto;" })
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(20)
            .Model(model => model.Id(p => p.PhoneID))
            .Create(update => update.Action("EditingInline_Create", "Grid"))
            .Read(read => read.Action("EditingInline_Read", "Grid"))
            .Update(update => update.Action("EditingInline_Update", "Grid"))
            .Destroy(update => update.Action("EditingInline_Destroy", "Grid"))
            .Events(e => e.Error("onPhoneError"))

        )
)

Grid

answered on 20 Jun 2018

1 answer

262 views

Support for THEAD / TH in tables?

I wondering if I've missed something, but how does one add headers to a table in the kendo Editor?

Seems like such a basic requirement in order to produce acceptable HTML.

At the moment if I manually add the html <table><thead><th>Some header</th></thead><table> the editor shows it, but it seems that the add row tool throws an exception... And I cant see any option in the table wizard to add headers.

If I had to add a tool to toggle/insert a header row are there any examples I could follow?

As an aside this competing editor has very nice popup table tools, one of which is adding a header row, merge cells, etc:

https://www.froala.com/wysiwyg-editor/examples/table-styles

Editor