I'm using the following

.DropDownListFor(m => m.countryId)
            .DataSourceAction("GetSomething")
            .DataSourceController("SomethingMethod")
            .IsEnabled(true)
            .Name("Something")
            .OptionLabel(this.LocalResources("OptionSelect"))
            .ServerFiltering(true))

I'm trying to use the search / select functions on the dropdown but when I do a console log of the dropdownlist obj I don't see it in there

1. _arrow: p.fn.p.init[1]
2. _busy: null
3. _current: p.fn.p.init[1]
4. _events: Object
5. _fetch: false
6. _focused: p.fn.p.init[1]
7. _inputWrapper: p.fn.p.init[1]
8. _old: ""
9. _oldIndex: 0
10. _refreshHandler: function (){return a.apply(c,e.concat(k.call(arguments)))}
11. _requestStartHandler: function (){return a.apply(c,e.concat(k.call(arguments)))}
12. _text: function anonymous(d) {
13. _touchScroller: false
14. _value: function anonymous(d) {
15. _word: ""
16. dataSource: o.extend.init
17. element: p.fn.p.init[1]
18. list: p.fn.p.init[1]
19. options: Object
20. popup: e.extend.init
21. selectedIndex: 0
22. span: p.fn.p.init[1]
23. template: function anonymous(data) {
24. ul: p.fn.p.init[1]
25. wrapper: p.fn.p.init[1]
26. __proto__: b
var dropdownlist = $("#country").data("kendoDropDownList"); dropdownlist.select("United States");
TypeError: Object United States has no method 'hasClass'
1. arguments: Array[2]
2. get message: function () { [native code] }
3. get stack: function () { [native code] }
4. set message: function () { [native code] }
5. set stack: function () { [native code] }
6. type: "undefined_method"
7. __proto__: Error

I am trying to use the custom editor function of the grid to show a kendoAutoComplete control ..Please find the example attached for the same ..i am facing issue with focus and the keyboard navigation's like "tab".
Issue 1: After loading when we click on the cell it should convert to a kendoAutoComplete control .after typing some text .if i click again on the cell it is losing the focus, now if i have to modify the entered text its not possible.
Issue 2:After entering some text if i want to go to next column using key tab or any another key combination --not able to do that .. 


please assist me on this..



Thanks in advance
 

I own a small farm and am selling products from my farm to people locally.  I am also a software developer familiar with MVC.  I would like to create a slide show or other nice looking picture gallery from pictures from our farm.  I have looked at the window widget and thought it might be a good start.  Does anyone have any suggestions on how to make a nice looking gallery that is not terribly obtrusive?

Thanks,
John

I'm trying to bind listview items containing checkboxes to observable array. Changes made in checking/unchecking checkboxes in listview are correctly propagated into data items. But when I try to change programatically the data in the array the listview is bound to the change is not propagated back to checkbox.
Here's a simple jsfiddle. The button "Toggle" should change the array data. The view title demonstrates that the changes in checkboxes are correctly propagated into array.

Am I missing something?

Thanks for help.

I have a Kendo grid that allows adding a new record. When the user adds a record it not only submits the current new record, but also resubmits all previously submitted new records. That is:

• add first new record, submit record 1
• add second new record, submit record 1,2
• add third new record, submit record 1,2,3
• etc.

This quickly creates MANY duplicate records in my DB.

Is this related to "batch"? I have it set "batch: false"

Thanks,
DJo

Edit:
I might have the problem. I'm using parameterMap with a switch on type; case "create" pushes a new object onto a changeSet array then does "return (JSON.stringify({ "changeSet": changeSet }))". I think this might just be building up an array of changes that grows with each create and gets sent each time.
Is it OK to splice the array after the return statement?

Hi,

Is there a way to set the date in the footer to this format : 12 december 2011? For the months, how can i set in in my language?

Thx,

Kevin,

I have a mobile view that is populated via templates and a click handler of a listview datasource.  The datasource setup (and click handler) look like this:

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

My problem is that when running on a mobile device, the first time that the detail UI is loaded, things look OK.  But on subsequent loads, two errors occur: 

1. the install button is not styled correctly (instead, it looks like the install button in the jsbin example above)
2. the scrollview for the screenshots doesn't appear to init correctly, all images are visible.

To me, this feels like a "did not initialize or [re]apply styles to the content when the view was shown for the second time. 

I suspect the answer is to re-apply the styling to the content containers, but since I've only been coding JS and Kendo UI for 3 days, I don't yet know how to do this. 

Pics of what I mean are available here:
https://plus.google.com/photos/109011173406009278052/albums/5847214628087409777?authkey=CP30nZmapuDRuwE

I'd love to know how to fix this problem.

Hi Kendo Mastah,

How can I achieve that? Here is my code that doesn't work :(
It aims to trigger the right arrow key event by pressing the enter key while an item is active.

$(document).keyup(function (e) {

if (e.which == 13) {
	var press = $.Event("keypress");
   	press.ctrlKey = false;
        press.which = 39;
        $("#SourceColumnsMenu_mn_active").trigger(press);
}

});

Thanks!

Hi!

I'm sorry for my bad english.

I have a problem with grid's components, when the grid is in edit mode don't show kendo's components but a asp.Net MVC components.

ViewModel:
    public class ProjetoViewModel
    {
        public int IdProjeto { get; set; }
        [DisplayName("CodigoProjeto")]
        public string CodigoProjeto { get; set; }
        [DisplayName("Nome")]
        [DataType(DataType.Text)]
        public string Nome { get; set; }
        [DisplayName("AnoInicial")]
        [DataType("Integer")]
        [Range(0, int.MaxValue)]
        public int AnoInicial { get; set; }
    }

Grid:
@(Html.Kendo().Grid<DemurrageWeb_ViewModel.Sistema.ProjetoViewModel>()
        .Name("GridProjeto")
        .Columns(columns =>
        {
            columns.Command(command =>
            {
                command.Destroy().HtmlAttributes(new { @title = @DemurrageWeb_Resource.Util.Button.Excluir });
                command.Edit().HtmlAttributes(new { @title = @DemurrageWeb_Resource.Util.Button.Alterar });
            }).Width(111).HtmlAttributes(new { @class = "Icon" });
            columns.Bound(p => p.IdProjeto).Hidden(true);
            columns.Bound(p => p.Nome).Width("50%");
            columns.Bound(p => p.CodigoProjeto).Width("30%");
            columns.Bound(p => p.AnoInicial).Width("20%");
        })
        .ToolBar(toolbar =>
        {
            toolbar.Create().Text("").HtmlAttributes(new { @class = "Icon icAdd", @title = @DemurrageWeb_Resource.Util.Button.Inserir });
        })
        .Editable(editable => editable.Mode(GridEditMode.PopUp))
        .Pageable(pg =>
        {
            pg.Refresh(true);
            pg.PageSizes(new[] { 10, 20, 30 });
            pg.Input(true); pg.Numeric(false);
        })
        .Sortable()
        .Scrollable(s => s.Enabled(true).Height("100%"))
        .DataSource(dataSource => dataSource
            .Ajax()
            .Events(events => events.Error("error_handler"))
            .Model(model => model.Id(p => p.IdProjeto))
            .Batch(true)
            .Read("Projeto_Read", "SProjeto")
            .Create("Projeto_Create", "SProjeto")
            .Update("Projeto_Update", "SProjeto")
            .Destroy("Projeto_Destroy", "SProjeto")
            .ServerOperation(false)
        )
    )

I'm with 2012 Q3 version of kendo UI.

Hi I have a checkbox column in a grid , and i need to update the records based on the check box selected.
Remaining columns in the grid are read only

My question here is when I check and followed by uncheck for a particular row , that row is still in edit state , since i am not doing the reverse of "Set". How do i take out that row from saving?

                   $('.check_row').live('click', function (e) {

                        var topDeviceRoleCode = $("#ddlHeaderDeviceRoleCode").data("kendoDropDownList").value();
                        //alert(topDeviceRoleCode);

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

                        var models = [];

                        //find the selected models
                        grid.tbody
                                        .find(":checked")
                                        .closest("tr")
                                        .each(function () {
                                            models.push(grid.dataItem(this));
                                        });

                        //update the models value
                        for (var i = 0, length = models.length; i < length; i++) {
                            models[i].set("DeviceRole", topDeviceRoleCode);
                        }

                    });