Hi I need to append single Column with multiple values in Kendo Grid. Is it possible to achieve?

Like Below

Rule Description

Test

New

 

Anyway I have attached the PPT. Please verify and if you provide some ideas it could be better.

Hello.

I'm having a problem with the order of columns in the grouping bar.  I have a grid with one group.  Now I drag another column to the grouping bar and the column immediately gets droped in front of the existing column instead of behind it.  How can I fix this?

Best regards,
Kalli

Hello!
The filter in Kendo Grid works on data from the source, not the formatted data. For example in my data source I have columns with numbers between 0 and 1 like 0.5, 0.3 etc. Then I format that numbers to be percents - like 50%, 30% etc. Now if I want to filter that column and put "greater than" 20, I get no results because kendo filters by real data, not the representation.
How do I fix this? Is there a way to write some custom function for that? Please advise.

I am attempting to repopulate the dropdownlist with new items when a user clicks on a barchart. For the sake of the demo I made it simple html links instead of the barchart. Once they click on a link/bar the dropdownlist will repopulate with items in the new area. The old items will also be removed. The included example is close to what should occur but the dropdownlist's data is not being cleared and updated after clicking on the link. Please advise.

Hi -

I'm trying to figure out how to autosize shapes to fix text and also nicely connect shapes.  For the most part this works, but when there are two shapes that connect back to one another the connectors overlap.  Is there a clean way of dealing with this?

Here is an example:

 

I am successfully done cascading drop-down. But my requirement is to bind dropdown depend on the value of textbox.
Can you please help me.

My code snipe

<td class="EditlableTD">
                                        @Html.LabelFor(model => model.ReferredBy)
                                    </td>
                                    <td class="EditTextBoxTD">
                                        <input type="text" id="R_Ranks" name="ReferredBy" class="k-textbox" />
                                       
                                    </td>
                                </tr>
                                <tr>
                                    <td class="EditlableTD">
                                        Rank
                                    </td>
                                    <td class="EditTextBoxTD">
                                    <script>

                       function filterRank() {
                           return {
                               R_Ranks: $("#R_Ranks").val()
                              };
                       }
                    
                    </script>  
                      @(Html.Kendo().DropDownList()
                                      .Name("Rank")
                                      .OptionLabel("Select Rank...")
                                      .DataTextField("Rk_Name")
                                      .DataValueField("Rk_InternalCode")
                                      .DataSource(source =>
                                      {
                                          source.Read(read =>
                                          {
                                              read.Action("ShowSelectedRank", "Home")
                                                 .Data("filterRank");
                                          })
                                          .ServerFiltering(true);
                                      })
                                        .Enable(true)
                                        
                                        .AutoBind(false)
                                        //.CascadeFrom("BranchCode")
                                        .HtmlAttributes(new {style="width:200px;" })
                                        

                       )
</td>
</tr>

It bind value first time depend on R_Ranks text box value. But 2nd time text change does not effect the dropdown bind.

In a nutshell, I can not get the Kendo datasource to work with a dropdown list.

I can use $.ajax to call my web service and populate the dropdown list in the success callback. The same transport mechanism does not work with the datasource.

Here's the complete code for the page:

I've included a screen snapshot to show the list on the left not working and the list on the right that does work.

I coded a console.log message in the parseJSON method. As expected, this routine is called twice - once for $.ajax and once for the Kendo datasource. They both display the same result - since they are hitting the same web service.

If I click the first dropdown list box (the one that's not populated), the browser ultimately complains of a long-running script and/or aborts!

Please tell me I'm missing something easy. I need to use the CRUD capabilities of the datasource but can't even get the simplest aspect going.

I have a Kendo UI Grid with a command button column formatted to display a font awesome icon. The grid also handles the change event in order to redirect to the particular records detail page when the row is clicked. The button and icon display as expected but if you click on the button exactly where the icon is the change event get triggered prior to the button click event. Clicking anywhere else on the button causes the button to behave as expected.

Here is an example based on the Use FontAwesome Icons in Kendo UI Grid demo - 

http://dojo.telerik.com/uCOxA

Can anyone think of a way around this problem?

Thanks

I have an AngularJS page, and have a populated dataItem. No problem. Now, I would like to populate a dropdown with one of the columns. I can't quite figure out how to do this. Here is my current code. I have hardcoded the dropdown values but would like to populate it instead from the "ticker" column in the dataItem instead. I think this should be super-easy, right?

 

Hey,

i'm using the scheduler component with angular.
The result so far is pretty okay, but the events do not fill up the timeslots. When looking at the event div, there is a fixed width, that is not set correctly. I have no fancy custom css going on, so any idea what causes this issue?

Cheers,
Jens