Telerik Forums
Kendo UI for jQuery Forum
1 answer
805 views
Hello,

I'm using the ASP.NET MVC helpers for KendoUI, and have version 2012.2.710.340 included in my project. I'm trying to add a toolbar to the grid, so the user can filter the data. I have copied code form the sample, but it's not working.

My grid markup in the Razor view looks like this...
@(Html.Kendo().Grid(Model)
           .Name("AllTickets")
           .DataSource(ds => ds.Server().Model(m => m.Id(t => t.ID)))
           .ToolBar(toolbar => toolbar.Template(
             @<text>
                Site:
                @(Html.Kendo().DropDownList()
                                                  .Name("SiteFilter")
                                                  .DataTextField("SiteName")
                                                  .DataValueField("ID")
                                                  .OptionLabel("Any")
                                                  .DataSource(dataSource => dataSource.Read("GetSitesForView""Home"))
                                                  .Events(events => events.Change("change"))
                    )
              </text>
                                 ))
           .Columns(cols => {
             cols.Bound(t => t.ID).Title("ID").Title("Ticket ID").Filterable(true).Width(50);
             cols.Bound(t => t.Site).Title("Site").Filterable(true);
             cols.Bound(t => t.DhrNumber).Title("DHR Number").Filterable(true).Width(100);
             cols.Bound(t => t.Room).Title("Room").Filterable(true);
             cols.Bound(t => t.ShortSummary).Title("Ticket Description").Filterable(true);
             cols.Bound(t => t.Status).Title("Ticket Status").Filterable(true).Width(80);
           })
    )

The grid itself displays fine, but the toolbar doesn't. You can see how it looks here...


As you can see, I have a text box instead of a dropdown.

Anyone any ideas? I've spent hours on this, and just can't see what I've done wrong.

Thanks
Rosen
Telerik team
 answered on 20 Jul 2012
0 answers
73 views
Please help me i want to use time picker in editable grid
Karan
Top achievements
Rank 1
 asked on 20 Jul 2012
0 answers
89 views
In my application there are 2 grid .Using first grid(A) we can add  row to second grid(B) so .I have develop first grid as a popup .
So I can edit recede from grid A and there is a command button to add  record to Grid B . It is working without any issue .

But now I have another Button(Create New ) in the page which I used to reload Grid A and Grid B. When I click Create New  then Load popup Grid A and click command button to add  record to Grid B .It is adding two rows to Grid B(It is adding previously added record also )

 see attached source code also 

http://jsfiddle.net/dineshpdn/z3c73/4/

pls suggest.... 
Dinesh
Top achievements
Rank 1
 asked on 20 Jul 2012
0 answers
104 views
Hi!

There is a problem with 'vertical' menu and <div> container. Example:

<div id="menu"></div>
<p><br/><br/><br/><br/></p>
<ul id="menu-2"></ul>
 
 
<script>
    $(function()  {
 
        var m = $('#menu, #menu-2').kendoMenu({
 
            dataSource: [
                {
                    text: "Baseball", imageUrl: "../../content/shared/icons/sports/baseball.png",
                    items: [
                        { text: "Top News", imageUrl: "../../content/shared/icons/16/star.png" },
                        { text: "Photo Galleries", imageUrl: "../../content/shared/icons/16/photo.png" },
                        { text: "Videos Records", imageUrl: "../../content/shared/icons/16/video.png" },
                        { text: "Radio Records", imageUrl: "../../content/shared/icons/16/speaker.png" }
                    ]
                },
                {
                    text: "Golf", imageUrl: "../../content/shared/icons/sports/golf.png",
                    items: [
                        { text: "Top News", imageUrl: "../../content/shared/icons/16/star.png" },
                        { text: "Photo Galleries", imageUrl: "../../content/shared/icons/16/photo.png" },
                        { text: "Videos Records", imageUrl: "../../content/shared/icons/16/video.png" },
                        { text: "Radio Records", imageUrl: "../../content/shared/icons/16/speaker.png" }
                    ]
                },
                {
                    text: "Swimming", imageUrl: "../../content/shared/icons/sports/swimming.png",
                    items: [
                        { text: "Top News", imageUrl: "../../content/shared/icons/16/star.png" },
                        { text: "Photo Galleries", imageUrl: "../../content/shared/icons/16/photo.png" }
                    ]
                },
                {
                    text: "Snowboarding", imageUrl: "../../content/shared/icons/sports/snowboarding.png",
                    items: [
                        { text: "Photo Galleries", imageUrl: "../../content/shared/icons/16/photo.png" },
                        { text: "Videos Records", imageUrl: "../../content/shared/icons/16/video.png" }
                    ]
                }
            ],
            orientation: 'vertical'
        });
    });
</script>
 
<style>
    #menu-2
    {
        width: 300px;
    }
 
</style>

Results in attach.

<ul> container works fine, but not <div>.

Problem is with this rule in kendo.common.css:

ul.k-menu-vertical > .k-item
{
    display: block;
    float: none;
    border-width: 0;
}

I added "div.k-menu-vertical" with same rules and it works fine.
Constantine
Top achievements
Rank 1
 asked on 20 Jul 2012
2 answers
329 views
k-block appears to be the core class for creating a kendo styled panel.  Looks great, but it has a default width/height of 200 x 100 px. 
Is there a reason for this? 

Seems like whoever uses it will always have to override these defaults to get the sizing they desire unless it is the unlikely scenario that they want their panel to be this size.  Why not just eliminate the width/height and let the element to which the style is applied size in it's default manner?
Eric
Top achievements
Rank 1
 answered on 20 Jul 2012
3 answers
165 views
Hi,

I am having an issue where the if there are multiple axis and negative values the chart does not render correctly.  Depending on the settings used (stacked, bar, line, column, etc), the issue will manifest in different ways but in none of them is it correct rendering.  There are issues such as the axis being compressed, the negative values being displayed as positive, the wrong axis showing negative values, etc.

I have created a jsfiddle.net example of the behaviour at chart error example.  I used the same configuration code from the KendoUI demos so it can be seen the various effects with the different column types.

I would like to know if there is some way to fix this, and if no workaround is there work being done to fix this for a future version?

Thanks,
Chris
CMMeyers
Top achievements
Rank 1
 answered on 20 Jul 2012
1 answer
264 views
Hello Telerix team,

I am in the process of evaluating Kendo UI for my apps and trying to understand the do's and dont's for our business case. One of the cases which is quite possible in my application is that the JSON can be of the following format.

I am not able to derive a equivalent data model to make the Kendo Grid consume the same. 

Here is the JSON response that is returned as part of my transport: url.

My requirement is to consume the data in the ItemList using the KendoGrid. How to derive a schema model for the same.

{
  "d" : [{
    "__metadata": {
      "uri": "http://localhost/TestService/TestService.svc/Order('4345')", 
      "type": "DataModels.OrderDetail"
    }, 
    "ItemList": [{
      "__metadata": {
        "uri": "http://localhost/TestService/TestService.svc/Item('1')", 
        "type": "DataModels.Item"
      }, 
      "ItemId": "1", 
      "Name": "TestItem", 
      "Rate": "19.00", 
      "Quantity": "3"
    }]
  }]
}

Thanks in advance!
Phil Boudreau
Top achievements
Rank 2
 answered on 20 Jul 2012
0 answers
151 views
Is there a method that allows for an MVC grid to export to word?
Sean
Top achievements
Rank 1
 asked on 19 Jul 2012
0 answers
53 views
hi
I want to:
grid some fields AND edit all fields
how to implement it?
thank u
z
Top achievements
Rank 1
 asked on 19 Jul 2012
2 answers
218 views
Currently treeview calls transport read method when we first time click on expand. After that the data is cached.
I want to call read method forcefully so that dynamically added nodes are refreshed in tree.
Is there a way to give a serverside read call on every expand button click?
Sushant
Top achievements
Rank 1
 answered on 19 Jul 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?