We are adjusting the functionality of a kendo chart so that the user can drag the points/columns to update the datasource.   After the dragging operation is complete, the value should be updated according to where the user released the mouse.

At this point I am able to make the points draggable for a line chart  (see attached source code).
 
But the problem is that I am unable to retrieve the X-axis value of the chart w.r.t the new draggable point(marker) after dragging is completed, and this will be needed for a number of chart types.   Is there any way such that I can retrieve the exact data value?

Or, is there a better way to make charts draggable so as to update the datasource?

I need to run some batch ajax posts and would like to use the new porgressbar to show the progress.
I'm trying to use the Kendo Window to display the progressbar. The post happens when user clicks on my kendo grid checkbox.
The issue I'm having is that the window only shows after the post is completed.

Here is my window code:

 <% Html.Kendo().Window()
    .Name("windowevent")
    .Scrollable(false)
    .Modal(true)
    .AutoFocus(true)
    .Width(500)
    .Title("Processing ...")
    .Content(() => {
        %>
            <div class="loading">
                <%= Html.Kendo().ProgressBar()
                .Name("totalProgressBar")
                .Type(ProgressBarType.Chunk)
                .ChunkCount(4)
                .Min(0)
                .Max(4)
                .Orientation(ProgressBarOrientation.Horizontal)
                .Events(e => e.Complete("onTotalComplete"))
                %>
            </div>
            <div class="loadingInfo">
                <h2>Loading styles</h2>
                <div class="statusContainer">
                    <p>
                        Loaded: <span class="loadingStatus">0%</span>
                        <br />
                        Item <span class="chunkStatus">1</span> of 4
                    </p>
                </div>
            </div>    
        <%
    })
    .Draggable()
    .Visible(false)
    .Render();
    %>


Here is my checkbox click event:

function onClick() {
            $.ajaxSetup({ async: false });

            $("#windowevent").data("kendoWindow").center().open();
            
         $.post("<%= Url.Action("AddToCatalog", "Settings")%>?CatalogID=" + <%= Model.CatalogID %> + "&ManufacturerID=" + id + "&time=" + new Date().getTime(), function (data, status) {
                    if (data != "True" || status != "success") { alert("Error trying to update. Please try again."); gridMan.dataSource.read(); };
                });
           var total = $("#totalProgressBar").data("kendoProgressBar");
           total.value(total.value() + 1);

            $.ajaxSetup({ async: true });
            
        }

Any clue how to make this an efficient sync process?


Thanks!

Hi,

I am using batch (in cell edit ) in Kendo grid. All the CRUS calls (create, update and destroy) are called asynch. Please let me know if we can prioritize the sequence or call all the 3 operations in one ajax call.

Thanks,
Shobana

I've noticed that when you map the id of the model to a different field (e.g.   id: "personID") , the resulting object will actually possess still possess the ID field as well as whatever it was assigned to.

e.g. using the personID example

var test = kendo.data.Model.define({id: "personID"});
t = new test();
Results in: 
{personID: "", uid: "a30e1c16-fc65-4345-980c-4d5ad527348c", dirty: false, id: ""}

My question is what it the use of the id field versus the personID field.  I've noticed the framework updates both fields upon a successful post back. but also that the isNew() function only tiggers of the id field... not the personID field.

I have an horizontal splitter in my web page (a collapsible menu and the main content). The main content is separate by a vertical splitter (a fixed size pane with 30 pixels and another one taking the space left). The fixed vertical pane contain a few elements with a display:inline-block, making them all on one line.

When the collapsible menu is open there isnt enought space for all elements on the same line so it takes two, however the panes have a fixed size and don't resize properly to 60px. I can't manually resize it in my vertical splitter's resize event because it'll cause recursivity and I can't do it in my horizontal splitter's one because the problem is there on other events too (ex. : browser resize)

How can I resize dynamically a pane based on it's content?

Hi There,

I am having an issue creating and showing a drawer using javascript rather than defining it in html.

I have reproduced the issue in a simple sample:

http://jsbin.com/oJaKiHU/1/edit

Is this possible or am i doing something wrong?

Thanks,

Rob

Hi,

Edit: the subject of this thread should contain "nodes" not "notes".

I wasn't able to find documentation on how checked nodes from a Kendo TreeView (MVC Razor) are posted to the server.  With your ASP.NET MVC extensions, I used a method on my controller of the form:


When I use this approach with Kendo, the method is invoked but the treeView_checkedNodes argument is null.

If this is the right approach, then I can post more code so that you might help me find the problem.  But otherwise please advise as to how to obtain, from an MVC controller on the server, the TreeView's checked items.

thanks,
Derek

How to check required field into a KendoUI Mobile form?
Thank you

Hi, I'm trying to create a dashboards using windows as widget containers. In the top of the dashboard I have a toolbar with some comboboxes that are filters for my widgets. However when I open the comobobox, the list of values appear under de widgets (window). I tried to change the z-index using styles, I try to change the z-index in the combobox open event .. but nothing works ... 

How I can change the combobox z-index? (I'm using MVVM)

Thanks in advance

Can you provide a code snippet on how to modify the agenda view? Specifically I want to modify the default headers Date, Time and Event to say something else.