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?

i just need to make kendo menu with data source(json). but currently impossible. so i tried to create html list dynamically and bind the data set (ul ID="menu")  and  call from kendomenu function. html list added to page correctly  but  menu not populate. have any idea..?    

Hi all,

I've created a minimal jsFiddle which demonstrates the problem very clearly:

http://jsfiddle.net/YNKM6/3/

Two grids bound to the same data. Both grids have the same two columns. One column has a comboBox editor, the other is a value that gets updated based on the comboBox's selection. When the comboBox value is changed, the change event handler updates the value column data on the observable model.

Grid1 has a row template. When the colour column is changed, the Value column is not updated in Grid1, until the user actually moves to the Value cell. Grid2 updates correctly straight away.

Grid2 does not have a row template. When the colour column is changed, the Value column is updated in both grids straight away.

My spidey-sense tells me this is a bug, but any support or work-arounds you can offer would be great. I'd like to use a row template if possible, and will only fall back on a column template if that is the only viable solution.

Thank-you!

Initialization of the Kendo validator in shared file
I am initializing my validator without rules from a shared file. I need to then add some rules for a separate file only when that file is used.

I need to add rules in a separate file that isn't shared
The following code needs to be added from the separate file

How can I merge these rules to the existing validator validation code when that files is included?