Hello,

I am planning to add an All-Columns-Grid filtering option. The grid contains multi-type columns, like string, numeric, and date data types.

I could add a TextBox inside the Toolbar, however, to implement the filtering, I might add several filters one for each column in the Grid, casting the value entered to each column's data type. Would that be a viable solution?

On the other hand, is there an out of the box solution for the above?

Best regards

Bilal

I've got a page that can be viewed in either a grouped or ungrouped view. I've attached screenshots of the two different views, for clarity.

In both views, each tile is a course, which may or may not have a tag. In the grouped view, each course needs to be grouped under it's associated tag (with a group at the bottom for all untagged courses).

Here's a sample of my template and associated function:

And the JSON returned from the function:

So for each course I know the Tag they need to be displayed under, but I don't have the full list of tags to loop over and create the groups. And since I can't add a "Tags":[{}] section to the JSON returned from the function that populates the datasource, I'm at a bit of a loss as to how to accomplish this.

I thought I might be able to use the solution provided to my last question (http://www.telerik.com/forums/pass-value-to-template-w-o-datasource), but that was adding a simple string to the datasource, not a full complex object. I'm also unsure how to structure that, even if it's possible - if the view is supposed to be grouped, do an AJAX call to get the tags and then append them to the datasource? How do I handle the render, since the call would (sometimes) be asynchronous? How would I access the tags in the template? data.Tags.Name?

Any help you can provide would be appreciated, even if it's telling me I'm going in the complete wrong direction :)

Hi,  

I have kendo UI schedule where events have been set from a data source. when I remove events from the scheduler following error has shown in console. 

please find below scheduler configuration 

Events have been added as below

please help...!!! 

Thanks,

Lilan

In my app a have a ListView with an MVVM bound DataSource. Before navigating to any view I call app.showLoading() and on every view's afterShow event I call app.hideLoading(). The problem is only on the first visit to every view hideLoading() is being triggered by the listview or its datasource so my app's loading indicator is quickly dismissed and only hidden on afterShow for subsequent visits to a view. I have hooked into the datasource requestStart, requestEnd, change, and progress events as well as the listview dataBinding and dataBound events and have found instances of e.sender._itemBinder._progressHandler = function (){e.showLoading()} and e.sender._events._progress = function (){e.showLoading()} but cannot figure out how to disable hideLoading.

How do you disable app.hideLoading for ListView and/or DataSource binding?

 http://docs.telerik.com/kendo-ui/api/javascript/mobile/application#methods-hideLoading

Hi all,

I've just started using Kendo UI in an AngularJS application, specifically the scheduler component, but I've run into issues trying to get dropdownlist elements to produce an onChange event when the selected item in the list is changed. I have 3 dropdownlists (Work, Category and Job) in a custom event editing template that I've created for a Scheduler. Each time a user selects a new option from the Work list, I need the options available in the Category and Job lists to be filtered based on the newly selected Work.

I've tried multiple ways of doing this and at one point I was able to get events being triggered and the lists filtering by changing some of the HTML for the dropdownlists but unfortunately doing this would then stop the selected options in the dropdowns from being bound to the currently selected event in the scheduler that I'm attempting to create/edit.

 Here's the code that I have at the moment, any help would be greatly appreciated :)

Controller:

HTML:

I can change any title of a panel like this

                               //var li = panelbar.wrapper.find("> li:first span.k-link.k-header");
                                var li = panelbar.wrapper.find("> li:nth(1) span.k-link.k-header");
                                li.contents().first().replaceWith("New Name");

But it does not work if the paenlBar contains this a .Content(@<text> </text>); in the parent panel bars.

  @(Html.Kendo().PanelBar()
            .Name("panelbar")

              .Items(panelbar =>
         {
             panelbar.Add().Text("First Person")

                  .Content(@<text>

                    @Html.TextBoxFor(m => m.firstName, new { @class = "input k-textbox"})

                </text>);

         })

)

Why is this?

Thanks

Input keyup event operations inside dataitem.set method will lead to input loses focus. 

The code is below:

HTML Code:

how to avoid this problem?

Hi there,

I am trying to test some example code that I have found and one of these samples clears the selection if a grid has detail sections, so only one line is highlighted at a time.

The example is below..

function onRowSelect(e) {

    var selected = this.select();
            
    $('.k-grid tbody>.k-state-selected').not(selected).removeClass('k-state-selected')
}

and on the grid using 

.Events(e => e.Change("onRowSelect()"))

I am using MVC and the latest builds (trials).

I get the error when the page loads Uncaught TypeError: this.select is not a function

Can anyone point me to why this error is occurring?

Regards

Jason