Questions on Kendo UI for jQuery Forum

4 answers

1.4K+ views

How to send only the changed fields to the server (during update) in Kendo UI Grid batch save

Team,

I would like to send only the changed fields from Kendo grid control to the server during the Update. By default Kendo is sending the entire record to the server even if one field is changed in that record. I would like to send only the updated fields rather than all fields.

How can i do it ?

Also, i would like to fire the update from an external button rather than the toolbar Save button. How to do it ?

Regards,
Bharani

Grid

answered on 03 May 2013

1 answer

265 views

Treeview Dragging - Custom Hint

Is there a way to set the hint when dragging a treeview node in a similar manner to how it's set when using the draggable plugin...without using the draggable plugin? My needs are pretty simple - I have a checkbox on my node, and I would like to hide it during the drag event. Here is some relevant code (I would like to hide the div with class "folder-check"):

<script id="treeview-template" type="text/kendo-ui-template">
<div class="FolderTemplate">
<div class="folder-check checkbox-false"></div>
<div class="folder-details">
<input type="checkbox" />
<span>#= item.Name # (#= item.ItemCount #)</span>
</div>
<div style="clear:both;"></div>
</div>
</script>

Folders = new kendo.data.HierarchicalDataSource(dataSourceOptions);
$("#treeview").kendoTreeView({
dragAndDrop: true,
dataSource: Folders,
dataTextField: "Name",
template: kendo.template($("#treeview-template").html()),
select: onFolderSelect,
drop: onFolderDrop,
dragstart: onFolderDragStart,
drag: onFolderDrag,
dataBound: onDataBound
});

function onFolderDragStart(e) {
if (this.dataItem(e.sourceNode).IsSpecialFolder)
e.preventDefault();
}

Thanks so much.

TreeView

answered on 03 May 2013

1 answer

267 views

kendo.init() documentation

Just to let you know that the documentation for kendo.init() seems to be missing at http://docs.kendoui.com/api/framework/kendo#init. even though it is referenced from http://docs.kendoui.com/getting-started/data-attribute-initialization.

Thanks,
Gary

General Discussions

answered on 03 May 2013

4 answers

107 views

AutoFilter False

Hello, I have the autoFilter set to false, but when I hit the enter key the search is not executed.

_searchDS = new kendo.data.DataSource({

serverFiltering: true,

transport: {

read: function (options) {

var filter = options.filter ? options.filter.filters[0].value : '';

$.ajax({

url: _serviceConst + '/Search?q=' + filter,

type: 'GET',

success: function (result) {

console.log('result came back: ' + result.Object.length);

options.success(result);

},

error: function (xhr, sts, msg) {

}

});

}

},

schema: { data: "Object", errors: "Error" }

});

if (_searchMV == null) {

_searchMV = $("#searchresults").kendoMobileListView({

dataSource: _searchDS,

template: $("#searchresults-template").text(),

filterable: true,

filterable: { autoFilter: false },

click: function (e) {

}

}).data("kendoMobileListView");

} else {

_searchMV.setDataSource(_searchDS);

}

I have also tried the read statement as:

read: {

url: _serviceConst + '/Search',

dataType: 'json'

},

parameterMap: function (options) {

var filter = options.filter ? options.filter.filters[0].value : '';

var parameters = {

q: filter

}

return parameters;

}

Both do not execute the search on Enter key.
Thanks.

ListView (Mobile)

answered on 03 May 2013

1 answer

476 views

Grid only displaying first page of data

I have the code below to bind data to my grid on the client. The grid is bound to the data, but I am having trouble getting the paging working. Here is my code"

$("#btnSearch").click(function () {
            $.ajax({
                url: "/Booking/GetBookingLookupData",
                type: "POST",
                data: null,
                contentType: "application/json"
            }).success(function (data) {

                var d = data;
                var gdata = $("#grid").data("kendoGrid");

                var ds = new kendo.data.DataSource({

                    data: d,
                    pageSize: 10,
                    serverPaging: false

                });

                ds.fetch(function () {
                    ds.serverPaging = false;
                });
                gdata.dataSource = ds;
                gdata.refresh();

            });

        });

All of the data gets bound to the datasource. I see all of the rows if I do not make it pageable, but the paging is not working. What am I missing?

Thanks,

Wayne

Grid

answered on 02 May 2013

1 answer

93 views

Using Kendo UI in Xamarin for android

i woul dlike to know how you would apply this kendo UI stuff in Xamarin

General Discussions

answered on 02 May 2013

5 answers

403 views

Explode slices onSeriesClick

Is there a way to make the slices in a pie chart explode onClick event?

Charts

answered on 02 May 2013

1 answer

198 views

Don't exit the editing cell after save?

Hello

My grid has navigatable set to false, and editable set to true, I am controlling the cell navigation through my own code. The reasons I am doing this are

InCell editing - turn on cell editing when a cell is selected, data is saved when the user navigates away from the cell.
Keyboard support - allow the user to navigate using Enter key (to go down the column) and Tab key (to go across the row) to immediately start editing the next cell. Also using the arrow keys to navigate.
Additional information in popup form - to complicate the matter even more, some cells may require additional information which the user can enter using a pop form triggered by the grid.save event. This took away the focus on the grid and therefore has to be programmatically restored back to the grid once the popup form is closed.

I would like to separate saving from grid navigation. Ie. the user can continue editing cells while the data source update itself in the background. One particular problem I ran into is after a cell content is saved, the grid reset its edit cell and lose focus of the current cell.

Is it possible for the grid to not control the navigation, and not control the edit mode toggleing?

Grid

answered on 02 May 2013

6 answers

294 views

Bug when multiple charts on same page

Hello.

When there is more than one chart on the same page the lines in the ( on all other charts) will be painted only in the width length of the first chart of the page.

As you can see in my attached print screen the first chart goes from 26 december to 24 of january, and is smaller than the charts in below, and the lines on the 2 graphs below is just painted until the width of the first chart. ( and i confirmed that there is values on the other charts until 24 January)

To overcome this i had put a dummy chart on a div, and set absolute position to outside of the screen, because if i set the div to hidden, all the other charts will not be painted.

Hope you can solve this bug.

Best regards
Pedro

Charts

answered on 02 May 2013

5 answers

339 views

Change URL of Chart's DataSource

Hi everyone,

I have a Chart that receives data using a DataSource. Depending on a users selection in a drop down box the data should come from a different url. The structure of the data from those different url's is identically.

I tried to set the url in the drop downs change event using this syntax

$('#Chart').data('kendoChart').dataSource.transport.options.read.url = 'new url';

$('#Chart').data('kendoChart').dataSource.read();

Unfortunately this is not working and I hope you can help me.

Best regards,

Pascal

Charts

answered on 02 May 2013