I would like to use the schedule creation group of controls for another purpose - for scheduling a report.  I would like to be able to use the controls (from the basic usage demo) that appear in the event window, in addition to some additional controls I will add myself (e.g. email to/cc/bcc/subject/priority/body when report generated, etc).

Is it possible to use this set of controls with all their validation and get an object representing the info?

from the basic usage demo I'm interested in the following controls on the event window popup:
- title
- start, end dates
- repeat dropdown (and associated child controls - the real "meat" of what I am after)

Thanks,
--Ed

I have created a set of 3 multiselect cascading lists.  It works fine, until...
I need to set the initial values.  IE the user selects some stuff. Saves and then returns to edit.  At this point I cannot seem to prepopulate the lists.
I know im going to go "Duh!" and hit myself in the forhead when I figure this out, but looking for any help here.  I am using MVC 5

 @(Html.Kendo().MultiSelect()
                      .Name("Trades")
                      .DataTextField("TradeName")
                      .DataValueField("Id")
                      .Placeholder("Select Trades ...")
                      .AutoBind(true)
                      .DataSource(source => source.Read(read => read.Action("GetTrades", "Skills"))
                          .ServerFiltering(true))
                      .Events(evt => evt.Change("onChangeTrades"))
                      )
 @(Html.Kendo().MultiSelect()
                          .Name("SubTrade")
                          .DataTextField("SubTradeName")
                          .DataValueField("Id")
                          .Placeholder("Select Subtrades ...")
                          .AutoBind(true)
                          .DataSource(source => source.Read(read => read.Action("GetSubTrades", "Skills")
                              .Data("subTradeFilters"))
                              .ServerFiltering(true))
                          .Events(evt => evt.Change("onChangeSubTrades"))
                      )
@(Html.Kendo().MultiSelect()
                                  .Name("Skills")
                                  .DataTextField("SkillName")
                                  .DataValueField("Id")
                                  .Placeholder("Select Skills ...")
                                  .AutoBind(false)
                                  .DataSource(source => source.Read(read => read.Action("GetSkills", "Skills")
                                      .Data("skillFilters"))
                                      .ServerFiltering(true))
                            )

and the script to go with this

    function subTradeFilters() {
        var values = $("#Trades").val().toString();
        return { text: values };
    }
    function skillFilters() {
        var trades = "";
        if ($("#Trades").val() != null) {
            trades = $("#Trades").val().toString();
        }
        var subTrades = "";
        if ($("#SubTrade").val() != null) {
            subTrades = $("#SubTrade").val().toString();
        }

        var values = JSON.stringify({ Trades: trades, SubTrades: subTrades });
        return { text: values };
    }
    function onChangeTrades() {
        filterSubTrades();
        filterSkills();
        return;
    }
    function onChangeSubTrades() {
        filterSkills();
        return;
    }
    function filterSubTrades() {
        var multiselect = $("#SubTrade").data("kendoMultiSelect");
        multiselect.dataSource.filter({});
        multiselect.dataSource.filter(subTradeFilters());
    }
    function filterSkills() {
        var multiselect = $("#Skills").data("kendoMultiSelect");
        multiselect.dataSource.filter({});
        multiselect.dataSource.filter(skillFilters());
    }

The above works GREAT until.... <Dum de dum dum music/>

I add this to the doc ready
        var tradeSel = $("#Trades").data("kendoMultiSelect");
        var subTradeSel = $("#SubTrade").data("kendoMultiSelect");
        var skillSel = $("#Skills").data("kendoMultiSelect");

        tradeSel.value(@Html.Raw(Json.Encode(Model.TradeIds)));        
        subTradeSel.value(@Html.Raw(Json.Encode(Model.SubTradeIds)));
        skillSel.value(@Html.Raw(Json.Encode(Model.SkillIds)));

Then what happens is the first box "trades" populates.
The 2nd box sits and spins and we end with the rest of the controls not rendering.properly.

it does work fine if I comment out the .Data property on the read action of the data source, but I loose the cascading effect.

What did I miss?

Hi,

I've looked here: http://www.telerik.com/search?start=0&q=grid%2bcase%2binsensitive%2bsort&collection=telerik30&ResourceType=Forum&hgurl=kendo%252Dui

And in several linked posts there.

In this one, http://www.telerik.com/forums/how-to-enable-case-insensitive-sorting-on-kendo-ui-grid, it mentioned that this is now available as of end of 2013 or so.

However, I don't see it mentioned here: http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columnMenu.sortable

Or here: http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-sortable

So, can anyone please advise on where exactly this documentation is? Thanks!

Trav

Hi,

If i use a dropdownlist in overflowTemplate, then the anchor is always visible:


The problem is that the dropdown creates its popup in the popup of the anchor, so the _toggleOverflowAnchor private function finds an element which is not OVERFLOW_HIDDEN (line nr 2):


Regards,
Laszlo Jakab

I have a complex view that works well when I set the datasource filterable.mode to 'menu'.  When I set it to 'row', it throws an error in kendo.all.js line 2503, "Unexpected token }".  Version is v2014.2.801.  I strongly suspect it has something to do with my use of the OData expand convention, as I have multiple other grids and OData datasources that work well with filterable mode set to row, but they don't use the expand option.


             ... new kendo.data.DataSource({
                        type: 'odata',
                        transport: {
                            read: {
                                async: false,
                                url: '../odata/UserRole',
                                dataType: 'json',
                                data: {
                                    $expand: "User,Role/Application"
                                }
                            },
                       },    

My grid shows 1 column each from the User, Role and Role.Application objects returned.  Just switching to mode: 'menu' fixes everything, except that I can't use the column level filterable cell objects, as they are only compatible with mode: 'row'. 

Is this a known issue or unsupported feature?
Can you create a simple grid using OData expand and filterable mode: row? 

Hello, I'm using a PivotGrid with flat data (like the one in this sample: http://dojo.telerik.com/eNAj).

Right now I have two fields as columns, one as row, and one as measure. But if I try to add a second field as measure I'm getting this error:
Uncaught TypeError: Cannot read property 'children' of undefined kendo.all.js:55433

Any help would be appreciated.

Thank you

Hello. 
Does anyone know of a good example of  remote binding with ServerGrouping? 

I'm trying to figure out with kind of response Kendo UI is expecting from server for grouping to work? I have to talk to a custom Rails backend that has standard AND custom CRUD actions and resturns JSON.

If Telerik could provide a server grouping version of this example - it would be terrific!!  http://demos.telerik.com/kendo-ui/grid/remote-data-binding

I tried to explore several Telerik's data sources/ backend but none of them seem to support server grouping.

Hi. is it possible to send two sets of dates to date picker that will cause two different visual behaviours? for exampl: birthdays , wakes.

one would show the birthday icon and the other would show a coffin icon....

I needed to pas an id to the async upload control. i'm using MVC, c# and razor engine.

Solution:
All that's needed it to define a function for the upload event and modify the "data" payload.

Now on the server side i got my id to associate the file on the DB.

HTML:
        <div>
            <input name="files" id="files" type="file" />            
        </div>

JScript:
        $("#files").kendoUpload({
            async: {
                saveUrl: '@Url.Action("Save", "Codes")',
                removeUrl: '@Url.Action("Remove", "Codes")',
                autoUpload: true
            },
            upload: function (e) {
                e.data = { codeID: $("#id").val() };
            }
        });

Controller:
        [HttpPost]
        public ActionResult Save(IEnumerable<HttpPostedFileBase> files, Guid codeID)
        {
            // The Name of the Upload component is "attachments" 
            foreach (var file in files)
            {
                // Some browsers send file names with full path. This needs to be stripped.
                var fileName = Path.GetFileName(file.FileName);
                var physicalPath = Path.Combine(Server.MapPath("~/Content/files"), fileName);

                file.SaveAs(physicalPath);
            }
            // Return an empty string to signify success
            return Content("");
        }

My validation rule has to make a call to server. I have tried to add $http.get as part of myRule function but is not working.

Please see example code:
http://dojo.telerik.com/aJeXE/2

Thank you