Hello,
is there a way to set a width to this UI control ? For long strings, it's not very good with the basic width.

I tried with CSS but it's quite buggy (and there's no width property in the documentation)

  The grid has been initialized, so:

    $(document).ready(function()
    {
        $("#foo-grid").kendoGrid(
      { height: 360,
          groupable: false,
          scrollable: true,
          sortable: true,
          pageable: true,
          columns:[
              {
                  field: "id",
                  title: "id"
              },
              {
                  field: "baz",
                  title: "chosen"
              }   
          ]
      });
 });

And later, based on user-interaction with the page, some data are fetched in JSON format from a generic handler (ashx) and are passed to the function below, in the params object:

   function populateGrid(event, params) {
        // at this juncture, examination in the debugger confirms that params.data contains an array of json objects
        // [ {"id":1, "baz": true }, {"id":2, "baz": true}, {"id":3, "baz": false},.{"id":4, "baz": true }]
         var grid = $("#foo-grid).data("kendoGrid");   // get a handle to the grid
         grid.dataSource = { data: params.data, pageSize: 25 };
    }

I get a handle to the grid and then assign its dataSource object via the API, but nothing happens. Instead of instantiating the grid when the document is ready and then later trying to set its dataSource, should I wait to instantiate the grid object inside the function above and populate it all in one fell swoop? If so, how do I completely destroy the grid?  The user may make multiple queries, and the grid would then have to be reinstantiated and repopulated several times.

Hello everybody,
i have problem with load json data to grid from url.
 
index.html
scripts.js

json.php


Url http://dhpl.comuf.com/json.php it's working if you want to check.

Could anybody help me
Thanks

Hello

I have an issue with a grid inside a panelbar's content

If a user selects items in the grid and then expands another item in the panel bar, the selections in the grid are lost (so is the scrollbar position).

Is this just a side effect of the grid being hidden?

If so I guess the solution would be to save all selections on a PanelBar click and then restore them.

Just wanted to know if there is an easier solution :)

Rgds,
Kristoffer

There seems to be a bug with the details row in a Kenodo Grid when it is created using an existing html <table>.  If fails to create a column header for the expand/collapse marker and uses the first data column instead (in the example "One").  This gives me 3 column headers, but 4 data columns for each row, my 3 plus the expand/collapse column.

One --> Two --> Three
 >    -->  1 -> 2 -> 3

Hi All,

I have a grid bound to local data, and am using a RowTemplate to render the results.

When I use the grouping functionality a few things happen:

1. I cannot collapse a group
2. The first column in the grid becomes very small, hiding the contents of that column.
3. In my real-world code the Group Name shows up as "undefined", but I can't reproduce that in the example.

I have a Grid instance that is being refreshed every X seconds and would like to compare the new data (remote) with the existing data, which then affect how the data is displayed within the grid.  I have looked through the documentation and the forums but can't seem to find a way to compare the two.  The "change" config seems to be for only inline editing... but maybe I am wrong.  Any help/links would be appreciated.  Here is an example of what is going on here (I would like to compare the values returned for "rate" and "high_rate"):

Hi all.

I've faced to the problem with TabStrip and DataSource. After binding TabStrip to some simple datasource, it displays nothing, but if I bind these data to the ComboBox - it works great. Here is the code:

Any help would be appreciated.
Thanks.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SortingIssue.aspx.cs" Inherits="CMCKendoUI.Web.SortingIssue" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Sorting Issues</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/jquery.tmpl.min.js" type="text/javascript"></script>
    <script src="js/kendo.all.js" type="text/javascript"></script>
    <link href="styles/kendo.common.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.css" rel="stylesheet" type="text/css" />
</head>
<script type="text/javascript">

    var firstNames = ["Nancy", "Andrew", "Janet", "Margaret", "Steven", "Michael", "Robert", "Laura", "Anne", "Nige"],
    lastNames = ["Davolio", "Fuller", "Leverling", "Peacock", "Buchanan", "Suyama", "King", "Callahan", "Dodsworth", "White"],
    cities = ["Seattle", "Tacoma", "Kirkland", "Redmond", "London", "Philadelphia", "New York", "Seattle", "London", "Boston"],
    titles = ["Accountant", "Vice President, Sales", "Sales Representative", "Technical Support", "Sales Manager", "Web Designer",
    "Software Developer", "Inside Sales Coordinator", "Chief Techical Officer", "Chief Execute Officer"],
    birthDates = [new Date("1948/12/08"), new Date("1952/02/19"), new Date("1963/08/30"), new Date("1937/09/19"), new Date("1955/03/04"), new Date("1963/07/02"), new Date("1960/05/29"), new Date("1958/01/09"), new Date("1966/01/27"), new Date("1966/03/27")];

    function createRandomData(count) {
        var data = [], now = new Date();
        for (var i = 0; i < 50; i++) {
            var firstName = firstNames[Math.floor(Math.random() * firstNames.length)],
            lastName = lastNames[Math.floor(Math.random() * lastNames.length)],
            city = cities[Math.floor(Math.random() * cities.length)],
            title = titles[Math.floor(Math.random() * titles.length)],
            birthDate = birthDates[Math.floor(Math.random() * birthDates.length)],
            age = now.getFullYear() - birthDate.getFullYear();

            data.push({
                Id: i + 1,
                FirstName: firstName,
                LastName: lastName,
                City: city,
                Title: title,
                BirthDate: birthDate,
                Age: age
            });
        }
        return data;
    }

    var KendoGridModel = kendo.data.Model.define({ id: 'Id' });
    $(document).ready(function ($) {
        var ctlGrid = $("#gridDiv");
        ctlGrid.kendoGrid({
            dataSource: {
                data: createRandomData(50),
                pageSize: 5
            },
            schema: { model: KendoGridModel },
            selectable: true,
            //sortable:false,
            //sortable: { mode: 'single', allowUnsort: false },
            pageable: true
        });
    });
</script>


<body>
    <form id="form1" runat="server">
        <div id="gridDiv" runat="server" />
    </form>
</body>
</html>
For the above code, I cant get the grid rendered in FIrefox (10.0) till the time I comment out the sortable attribute. Its working fine in IE (7 to 9) But I want my grid to be rendered with the sortable attribute in addition to allowunsort attribute. Can you guide me how can I get the needed functionality?

Thanks & Regards,
Manoj Kapoor

 hi,


I am using kendo template to display some fields data from the datasource into a table. I have a hyperlink on one of the elements that pops up a window.
Am able to pull the data propery, but the popup window doesnt popup- instead displays on same page at the top.
following is my code inside the td that has a link
  
<td> <a href="javascript:toggle5();" id="window5"  class="k-group Property " >
       #=name # 
    </a> </td>

What can i change to make the window popup.

thanks in advance.