I have problem when add any new data in grid. Grid is not refresh after adding new  data.
here is the dummy  sample.
 xyz=data;
             var dataSource= new kendo.data.DataSource({
                  data: xyz,        
              schema: {
              model: {
                id: "id",
                fields: {
                    id:{type: "number"},
                   name:{type:"string'},
                   other fields here
                }
            }
          }
      });
            var abc= $("#abc").kendoGrid({
                        dataSource: dataSource,
                        scrollable: false,
                        cache: false,
                        //selectable:true,
                       columns: [{
                                field: "name",
                                title: " Name",
                                template:'#if(name=="pqr"){# <span id="Background"> #=name#</span>#}else{# <span id="Align">#=name# </span>#}#'
                            } ,
             other field here  ,it also have some condition as above
                        ], 
               })

there is one add button , when you click on that, data is added in xyz object.and refresh grid, but here grid is not refresh.[when i remove  template:'#if(name=="pqr"){# <span id="Background"> #=name#</span>#}else{# <span id="Align">#=name# </span>#}#' from grid  it works fine.]
 $(".add").click(function(){
               var getNewData =  {};
                 getNewData .name=document.getElementById("name").innerHTML;
                 xyz.push(getNewData );
                  $("#abc").data("kendoGrid").refresh();       
           })

Please help me
thanks in advance

I am using the TabStrip control in an ASP.NET user control to create a set of tabs for a Search/View/Report scenario.  Each action has a separate tab.  On the first tab is a set of search criteria, on the second tab is a grid with the results and on the third tab is a list of reports.  The problem that I am having is that after I search all three tab container controls appear momentarily and then disappear after the javascript is called to render the tabstrip.  Does anyone know a way to not make this information momentarily appear on the screen before the tabstrip is rendered?  Is there some client side event that is fired when the rendering is completed that I could hook into?  Any other thoughts?

I'm writing this post to ask if these things are already planned or if it would be easy to have them implemented.

1. Flexibility as to decide if when you append an item to a treeview it should expand the group or not.
   Right now the default value is true.
   When you try to create a load on-demand tree we should need the flexibility to set the items to be collapsed when we append them (if they have children items) so we can make use of the expand event to fill them with their children.
2. Some kind of animation for the splitters when you collapse/expand them?
   Even nowadays there are people not used to the web environment, and if the collapsible pane just hides instantly (or almost) they will first think 'Where did my *whatever* went!?' so having some kind of easing they would see where did it go.
   
   

Well I leave these 2 open right now, I think this could be used by people to ask if things are already implemented or easy to implement (of course if it is not then they will have to use the uservoice, but we can know before sending them to the uservoice if it is something already planned)

Hello,

I am having problem when trying to use KendoUI's TreeView inside PanelBar. It seems that the panelBar is changing all ul/li child nodes, even those that should not have anything to do with the Panel. e.g. panel < ul < li < div < div < ul < li.

It's adding k-item, k-state-default to all child li nodes.

I'm using version v2011.3.1129

Is there any workaround to this?

is there a way to inject custom css into editor?
for example i want to change <p> margin and padding inside editor

Hello,

I have a hierarchy grid set up. The outer grid has a dozen or so columns while the inner grid only has 3 columns. I have specified specific widths for all the columns however the columns in the inner grid do not respect the width values set and expand to the full width of the outer grid.

So instead of looking like this:

..|.A.....|.B.....|.C.....|.D.....|.E.....|.F.....|.G.....|.H.....|.I.....|.J.....|.K.....|.L..
..>....|.1.....|.2.....|.3...

It looks like this:

..|.A.....|.B.....|.C.....|.D.....|.E.....|.F.....|.G.....|.H.....|.I.....|.J.....|.K.....|.L..
..>....|.1................................|.2........................|.3..............................

I don't really care if the inner grid itself is streatched to the full width of the outer grid but the columns need to respect the width I set so it's easily readable.

I'm attempting to chain together two combobox controls. The problem I'm having is:

Box 1 change event enables box 2.
Box 2 is disabled on start by default.
If I select an item in box 2, then go back and change the box 1 value, box 2 just sits there and will not do anything. I can't even open the list.
I need to always sync the values because box 2 is reliant upon the selection in box 1.

Is there something I am doing wrong.

http://pastie.org/3506645 

Hi,
Does the Kendo datasource support the following JSON format?

var people = [
                        {
                            "Person": { Name: "Person 1"},
                            "Person": { Name : "Person 2"}
                        }
                    ];

My current schema only loads the last record from the data source when connected to a grid. I am using the Q1'12 beta.

$("#grid").kendoGrid({
                        dataSource: {
                          data: people,
                            schema: {                                
                                type : "json",    
                                model: {                                    
                                    fields: {
                                        Name: { type: "string" }
                                    }
                                }
                            }                            
                        },
                        height: 250,
                       
                        columns: [
                            {
                                field: "Person.Name",
                                title: "Name"
                            }
                            
                        ]
                    });


Thanks.
Morten

Hi everyone, I was wondering, is there a plan to implement some sort of "layout mode" property in the dropdown/combo config that would let you set if you want to use a list or a table. That way we could implement templates with TDs to define multiple columns.

I'd love to see that!

Cheers,
Andrés