I binding datasource to generate the tabs dynamically in tabStrip control. For each tab in tabstrip i have a check box on the form. My Requirement is: 
initially all the tabs will be disabled and on check change event of checkboxes i need to enable or disable the respective tabs based on check state of the currently changing checkbox.

I have already tried below code: 

var cb_click = function (e) {
            var $this = $(this);     // $this will contain a reference to the checkbox  
            var tabstrip = $("#myTabStrip").data("kendoTabStrip");
            var selTab = tabstrip.select(tabstrip.tabGroup.children("li[innerText='" + $this.val() + "']"));
            if ($this.is(':checked')) {
                tabstrip.enable(selTab, true);
            }
            else {
                tabstrip.enable(selTab, false);


                //selTab.css('class', 'k-state-disabled');
            }
        };

Please help me find a solution for this issue.

I have a Button control (State) and a DropDownList control (Inspection Building Control: Create) - see attached image.
I want then to be beside each other and styled like a ButtonGroup in the ToolBar also shown in the image.

What I currently have is almost there but you can see that the left side of the DropDownList control isnt flat - it still has the rounded edges.
I need the DropDownList to be styled like "k-button-group k-group-end" any ideas how to do it?

Alternatively and even better would be if I could just add a DropDownList control into a TooBars ButtonGroup (which only seems to accept buttons)

Hallo,

we have a typical master / detail scenario, where we want to display projects on one view and the corresponding categories on a detail view. Until the latest version we manged to do this by using two different datasources (one per view). The first datasource loads the data via transport.read from a JSON webservice. Each project allready contains all depending categories. Because of that we used the first datasource to populate the second one by getting the selected item via uid. This item contains a property with the corresponding categories. These categories are used as data for the second datasource. (transport.read) With the current version this method stopped working. We are getting a "object not found" error, when returning back from detail view and trying to set the currentSelectedItem within the viewmodel with another project. It seems, that the parent() method is now missing on the project dataitems within the first datasource. 

Any ideas on how to do it right? Is it a bug within the new version, or is our approch not the way to do this kind of task?

DataSource1
     >> Projects

DataSource2
     >> Categories (Project.Categories)

Thanks,
Martin

I am currently using knockout-js with kendo to make a funnel chart. I have the following set-up:

 this.chartOptions = ko.observable({
series: [{
                type: "funnel",
                dynamicSlope: false,
                field: "data",
                categoryField: "description",
                dynamicHeight: false,
                segmentSpacing: 5,
                labels: {
                    color: "#000",
                    visible: true,
                    background: "transparent",
                    align: "center",
                 //   template: "#= category#<br/>#= value#",
                    template: "#= category#: #= kendo.format('{0:p}',value)#",
                    font: "11px sans-serif; font-weight: bold",
                },
            }],
            tooltip: { 
                visible: true,
                template: "#= category#<br/>#= kendo.format('{0:p}',value/dataItem.parent()[0].data)#",
                color: "#FFF"
            }

});
My issue is that for some reason, if I add a breakline in the template string for the chart labels, it stops rendering. It completely breaks. However, the exact same template layout in the tooltip works perfectly. This is what I want:  template: "#= category#: <br /> #= kendo.format('{0:p}',value)#", Many thanks for any help.

I have a Grid Editor Template for a Date field and it takes the format dd-MMM-yyyy. However I continuously get the error 'field [property name] is not a valid date'. I have had this issue on a regular view and got round it by using a custom date parsing function and using this to validate dates:


However this does not appear to work on the Editor Template for a Kendo grid. My Editor Template code looks like the following:


How can i resolve this issue?

Hello,

I have a grid that loads data from a web-service. A server paging and virtual scrolling are enabled.
Let's consider the following scenario:
1) Run a report (Unzip the solution and press F5)
2) Scroll grid down and stop in the middle => data is loaded properly from a web service. See img1.png: the top row id is 4096

Now let's assume the server data is changed and I need manually refresh the current page.
3) Click "Refresh DS" button => data is reloaded, but it is shifted (!). See img2.png: the top row id is 4135

I attached the sample project that demonstrates the issue.
My JavaScript code is in testReport.js file.

Could you please review the project and advise how to manually refresh the active view without data shifting: only "value" column should be updated but a row ID before and after "refresh" must be the same.

I've got an application where I need to present a list of photos, and allow the user to select photos, which are then added to a second list (list 2), which is above the original list (list 1).  When list 2 contains 6 items, another action should happen.  I'm wondering if the kendo ListView can accomplish this design requirement?  

I'm struggling a bit with figuring out how to select items in the listview without deselecting all other items - is that possible, and if so, how?  Another requirement is that if the user selects an item, then clicks it again, it should be removed from list 2, and deselected in list 1.  In other words, one click selects an item in the list, a second click on that same item deselects it.  I do have selectable set to 'multiple'.

Does the listview's 'change' event trigger when an item is added to the listview, or just if an item is clicked in the listview?  If the latter, is there an event that will notify me if an item is added to the listview, or do I handle that in the dataSource?

Finally, I would like to provide a default image for the six items in list 2, which would be replaced when those items are populated by selected items in list 1.  See the attached screenshot for an example.  I can't figure out how to use the template system to accomplish this.  I haven't used the drag and drop controls before, perhaps those would be a better candidate for this implementation? 

Ideally there's an example out there somewhere I can look at to see how this is done, but any help is appreciated.

Thanks!

So I have a page where I'm using a combobox to allow users to filter some data by Contact.

I now have a requirement to pre-filter this data from a value passed by a querystring parameter.

I am initially thinking about automating the combobox using the client-side api and have found the commands I need.

I've chucked a temporary button onto my page to test out the script (I will probably execute this from the document ready function in the final app)


If I execute these steps individually from the console I get the required effect.  The text is entered, the search runs, the contact is selected and the combobox closes.

However, because the data is remote, the .select() and .close() execute before the .search() has completed.

Is there any way to chain these commands so that the .select() only fires after the .search() has completed?

The combobox is currently declared thus:



Cheers,
Nick

I am trying to create nodes with template that includes  @Ajax.ActionLink  :

 @(Html.Kendo().TreeView()
                            .Name("actiontree")
                            .BindTo(Model, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) =>
                            {
                                mappings.For<myspace_menu>(bound => bound.ItemDataBound((node, myspace_menu) =>
                                {

                                    bool isaco = myspace_menu.controller.Length > 0;
                                    node.Text = myspace_menu.label;
                                    node.ImageUrl = isaco ? Url.Content("~/img/act.png") : Url.Content("~/img/folder.png");
                                    
                                    if (isaco)
                                    {

                                        node.Template.InlineTemplate = @<text>@Ajax.ActionLink(myspace_menu.label, "uberitem", 
                                        new { c= myspace_menu.controller, a=myspace_menu.action },
                                        new AjaxOptions
                                                      {
                                                          HttpMethod = "POST",
                                                          InsertionMode = InsertionMode.Replace,
                                                          UpdateTargetId = "accessconfig"
                                                      })</text>;
                                    }


                                })
                                .Children(e => e.items));

                            })
                        )  





This actually works - asynchronously updates  "accessconfig" div.
However
problem 1:  Instead of POST  it does GET (but I don't run any javascript and have unobtrusive referenced and enabled ).
problem 2 - main one:   inlinetemplate content (link) looks like CHILD node of node I added it into  instead of normal appearance (see attached picture).

Also, note I tried version with javascript onselect - it works, but I need to have ajax.ActionLink  there.
How can I make inlinetemplate work with Ajax.Actionlink ? How make a link appear as a node text?

thank you !


Denis

Hi guys, I just wanted to share this code in case anyone need it, because I didn't find nothing similar on the forum.

This example loads a kendo menu dinamically from an aspx page, getting the elements from a server method accessed by ajax

.cs file

 [WebMethod(EnableSession = false)]
        public static string GetToolsAdminProjects()
        {
            List<Project> toolsAdminProjectList = ProjectsHelper.GetToolsAdminProjectList();
            List<ContextMenuItem> result = toolsAdminProjectList.Select(e=> new ContextMenuItem
            {
                text = e.DisplayName,
                url = e.URL
            }).ToList();

            var serializer = new JavaScriptSerializer();
            string json = serializer.Serialize(result);
            return json;
        }

.aspx file 
<script type="text/javascript">

 $.ajax({
                 type: "POST",
                 url: "GridView.aspx/GetToolsAdminProjects",
                 data: "{}",
                 contentType: "application/json",
                 dataType: "json",
                 success: function (result) {
                     var d = jQuery.parseJSON(result.d)
                     var menu = $("#menu").data("kendoMenu");
                     menu.append(d);
                 }
             });

</script>