Hi,

In my testing listview page, URL: http://telerik.ximnet.com.my/kendo_test/#views/sample_listview.html
Video: http://upload.ximnet.com.my/huisheng/Delete_and_disappear.swf

1. If I delete an item from the first page,  everything is working as expected.
2. However, if i scroll to other page and delete an item, the area below will become blank.

How can I fix his issue?

My delete code is at http://telerik.ximnet.com.my/kendo_test/js/sample_listviewMS.js Line 93

Thanks.

Hello:
I have problem in destroying one row in grid.

Suppose I have one grid with dataSource well configured. In the dataSource.transport we defined read/update/destroy functions that can fetch data, update data and delete data in remote server individually.  the code looks like following

$("#grid").kendoGrid({
                dataSource: {
                    transport: {
                        read: function (e) {
                            // fetch data from remote server                        
                        },
                        update: function (e) {
                            // update one record in remote server
                        },
                        destroy: function (e) {
                            // delete one record in remote server
                        }
                    },
                    pageSize: 10,                    
                    schema: {
                        model: {
                            id: "id",
                            fields: {
                                id: {editable: false, nullable: false},
                                value: {type: "string", editable: true, nullable: false}
                            }
                        }
                    }

                },
                pageable: {
                    input: false,
                    numeric: true
                },
                height: 400,
                scrollable: false,

                columns: [
                    {
                        field: "id", title: "id", width: "100px"
                    },
                    {
                        field: "value", title: "value"
                    },
                    {
                        command: [
                            {name:"edit"},
                            {name:"delete"}
                        ]
                    }
                ],
                editable: "inline"
            });

the question is if we click delete button on one row in grid, and this row will be removed from ui immediately and a delete request defined in dataSource.transport will be sent to remote server. If everything works fine, that's good, but what if remote server rejects the delete request for whatever reason. the result is the record was not deleted from server, but removed from UI. The expected result would be when delete button clicked, UI should wait until response from remote server, if OK, remote record from UI, else show error message

Thanks

I am trying to create a drop-down menu using the Kendo UI and I am using as a base the menu labeled "black" in the following demo:
http://demos.telerik.com/kendo-ui/dropdownlist/index

My question: what would be the best/simplest way to create a drop-down menu with my own CSS?
Should I use this demo, or should I use something else? and what method should I use in order connect to my own CSS classes? (a different demo, or an API)?



Please provide links to demos on how to replace the CSS you provide with my own.

thanks!!!

Hi
Do we have any customized Filtering options on Kendo-Datetime picker with Filtering ..I need to change default filtering options display names as customized.

code :  



Thanks & Regards
Sriram Nagasundharam

In this example: http://demos.telerik.com/kendo-ui/treeview/api
, you can append nodes. When there is no element selected, it gets added to the tree with no parent. However, after selecting any node, doing that is no longer possible. There will always be a parent. I am aware of how to deselect all nodes programmatically:

$("#tree").data("kendoTreeView").select($());

But what I would like to do is have it such that if they click on any area within the tree that is not a node(ie, all the white space within the rectangle that isn't text), deselect the node. I've played around with various jquery selectors like :not(k-in) and :not(k-item) but haven't had any luck.

Angular support is currently broken with MultiSelect.

For reference, refer to the current official demo at: http://demos.telerik.com/kendo-ui/multiselect/angular

The pre-selected items are not shown on load and when a new item is selected, the bound value is incorrect, showing the entire model.

Also, when binding directly to primitive values, such as a DataSource with just an array of strings, the kendo.angular.js file throws an error in the following function:


The problem is that "item" is a string, and doesn't have a toJSON method on it.

Hi

I use chrome as my main browser and after updating to 2014.3.1119 I can no longer drag a tree item outside of the Tree view.

The demo at http://demos.telerik.com/kendo-ui/treeview/dragdrop also doesn't work.

It works fine using IE 11.

Is this a bug/chrome issue or is there a way to enable it for chrome?

Cheers

Hello

I just wanted to know if all these resources are required for kendo ui with bootstrap. What would be the easiest solution to determine the minimum required resources for your project.

As can see the Javascript is about 2166kb which is quite big.


Help much appreciated



Below is my bundleconfig:

We try to use Kendo UI localization, but it gives us different result.
If we show the date in the grid, it give us a full GMT formattet datetime display. And if we are using the datetimepicker, it is actually using the mashines localization.

Are we doing something wrong, or is it a bug in Kendo, so we need to hardcode the datetime format ?

(Se pictures)

Kind Regards


Peter Beyer
CRM-Byggefakta

Hello, i have a grid and i want to be able to add new record by button

$("#grid").kendoGrid({

height: 206,

editable: true, 

dataSource: {

    data: [ { lt_time: "00:00", lt_event: "Test message" } ]

},

columns: [ { width: 60, field: "lt_time", title: "Time" }, { field: "lt_event", title: "Event" } ]

});

Delete works fine:

var grid = $("#grid").data("kendoGrid"); 
grid.removeRow(grid.tbody.find(">tr:first"));

but how to add new entry? something like:  grid.addRow( { lt_time: "00:00", lt_event: "Test Message" } );

thanks for answers!