On the destroy event in a grid, I need to have it remove it from the grid and set a delete flag so that when I hit sync it will remove it from the remote database. Right now it saves to localstorage (so they can close the browser and come back to it) then you can sync it up. Problem is that deleting it from the local database means it doesn't send anything to the server to tell it should be deleted. If there is a way to change the "Venue" line to read "deleted" or something then I can parse that out, but I'd want it to not show.

Hopefully that makes some sense.

Here is the delete in the grid call.

Here is the removeLine function:
Here is my datasource:

I get this error when using the kendo window. It’s odd because that’s how the examples show on the Telerik Kendo demos (http://demos.kendoui.com/web/window/index.html) and it works, but it will throw this error anyways. I had to download the latest script files for Telerik Kendo UI Web (http://www.telerik.com/account/your-products/internal-builds.aspx) just to even get the window to work.

Error occurs on the .open() in the script to open the kendo window.

What do I need to do to stop having the run time error pop up?

Partial View:
Additional info: 
Using jquery-1.9.0, kendoui.web.2013.1.325.commercial

I'm trying to rebind grid to a different datasource and would like to update the header columns .

Tried the follwoings but not workign
$('#grid')..data("kendoGrid").columns=columnStringArray;

Thanks.

Hi,
We are using a SPA architecture to display the grid.
when clicking the filter (clear or submit) the url changes (post occurs)

is there a way to disable it? (and simply trigger the event to filter)

Is there a way to override or add functionality to the data source so i can add natural sort functionality?  I have a column that has numbers stored as text.  I need it to sort using a natural sort.

I'm using the an ajax data source on a grid.  Where does the sort actually happen, server side or client side?

thanks,
~ Paul

Hi,
I have used Kendo ui ajax grid with custom template. Custom template enables dropdown list.

    <div class="upperBarType3">
        <div class="dataGrid">
            @(Html.Kendo().Grid(Model)
        .Name("alarGrid")
                .HtmlAttributes(new { style = "height:400px" })
                .Columns(columns =>
                {
                    columns.Bound(p => p.AlarmCode);
                    columns.Bound(p => p.AlarmName);
                    columns.Bound(p => p.DeviceClassification);
                   columns.Bound(p => p.PriorityList).ClientTemplate "<div class='TreeView' name='TreeView'></div>");
                })
                .Scrollable()
                .Pageable(p => p.PageSizes(true))
                .Sortable()
                .Events(e => e.DataBound("onDataBound"))
                .DataSource(datasource => datasource
                .Ajax()
                .ServerOperation(false)
                .Model(model =>{model.Id(p => p.AlarmCode);})
                .Read(read => read.Action("AlarmConfiguration", "AlarmConfiguration"))
                )
                )
        </div>
    </div>
    
     <div class="btnBar" id="btnBarTabs">
<table border="0" cellspacing="0" cellpadding="0" align="center" class="btnBarTbl">
<tr>
<td>
<input id="btnCancel" type="button" value="Cancel"  causesvalidation="false" />
<input type="submit" name="Submit" id="Submit" class="Submit"  value="Submit" onclick="index()"  />
                    <input type="hidden" id="priorityValue" name="priorityValue"/>
                    <input type="hidden" id="data" name="data"/>
</td>
</tr>
</table>
</div>

<script type="text/x-kendo-tmpl" id="template">
 <option id='${ID}'>${Name}
</option>
 </script>
 
<script>
    function onDataBound(e) {
        $("#alarGrid tbody tr .TreeView").each(function () {
        var currentDataItem = $("#alarGrid").data("kendoGrid").dataItem($(this).closest("tr"));
        $(this).kendoDropDownList({
                dataSource: {
                    data: currentDataItem.PriorityList
                },
                dataTextField: "Name",
                dataValueField: "Id"//,
                //template: kendo.template($("#template").html())
            })
        })
    }
    function index() {
        var data = $("#alarGrid").data("kendoGrid").dataSource.data().toJSON();
        var value = "";
        var count = $("form[id='AlarmConfigForm'] .dataGrid .k-grid-content span .k-input").length;
        for (i = 0; i < count; i++) {
            value = value +data[i].AlarmCode+";"+ $("form[id='AlarmConfigForm'] .dataGrid .k-grid-content span .k-input")[i].innerHTML + "+";
        }
        data = JSON.stringify({ 'data': data });
        $('#priorityValue').val(value);
        $('#data').val(data);
        return data;
    }
</script>


In the above code, if i click on pagination link or sort column then dropdownlist get reseted i.e. if i change value of dropdownlist and then click on say sort on column then dropdown list value get reseted. Also by exploring more on this, i find that this occur due to DataBound event is hitted every time. Is there any way to work on this.

Besides this i tried with Server editing, in that case, post back of page is done on every event like sorting,paging change click.

Hey

I am using Kendo Taglibs and i am unable to set the axis crossing values in kendo charts the way i used to do it in html without the taglibs. 
For example, earlier i used to use 
 $("#chart").kendoChart({
valueAxis: {
                        min: -10,
                        max: 10,
                        // Keeps the default axis at the 0 crossing point
                        // and moves the "label" axis to the very bottom
                        axisCrossingValues: [0, -10]
                     },
})

(http://jsbin.com/ahavog/107/edit)

But i am not able to use this with the taglib:- 
 <kendo:chart-valueAxis>
<kendo:chart-valueAxisItem  axisCrossingValue="-10000" >
</kendo:chart-valueAxisItem>

I am not able to set the other value resulting in the label and the default axis at the same level. Please help. 

hi. Can I define a class using class and the class kendo.data.DataSource kendo.observable? Kendo.data.DataSource and kendo.observable class properties will create will contain the class will be as follows. These two want to make mixin class.

thanks.

I am using Date/Time Pickers in application to scheduler task. But I don't need all list hours, so I want define the hours list.
It's possible ? Someone can help me?

If I can pass array list, resolve my problem.

I would like to make the datepicker readonly but still allow the user to select the date via the picker.

I've tried:

$("#datepicker").attr("disabled", "disabled");

This works on my PC but not on the iPad, on the iPad it appears to disable the picker as well.  In addition I don't want the visual style to change though I could probably figure out how to fix that.

I also tried:

$("#datepicker").attr("readonly", "readonly");

This one actually does exactly what I want when testing on a PC, but again on the iPad it appears to also disable the picker.  How do I get the behavior on the iPad to match so the picker is enabled but the user cannot input text?