Questions on Kendo UI for jQuery Forum

1 answer

244 views

Hi, if there are more columns on the grid than can fit inj the available width of the control, there is a horizontal scroll bar available to scroll over to see the hidden columns. But on iPad, there is no scrollbar, and any attempt to scroll is captured by the iPad form, and the entire page scrolls. Is there any way to support this type of scrolling on the iPad?

Grid

answered on 09 Jan 2012

3 answers

681 views

Commercial Licensing

Hi all,

I have some questions regarding the commercial license of Kendo.

1) The term of one year subscription is used, what does this actually mean? Can I continue to develop after the subscription has lapsed, on either existing or new products? Can I continue sell my product after the subscription has passed?

2) If I purchase a Kendo subscription, will it cover access to mobile components, given that it is being released during the subscription period?

3) If I purchase a Kendo subscription, is there any restriction on the license I can release my projects under?

Many thanks,
Mark

General Discussions

answered on 09 Jan 2012

7 answers

274 views

UL LI Drag and Drop of Panel Bar content like Tree View

Hi,

I want Drag and Drop functionality to Panel Bar's sub links (sub LIs) like you have in Tree View (http://demos.kendoui.com/web/treeview/dragdrop.html).

Is it possible or is there any way to do this?

Can i Combine Tree view within Panel Bar?

Thanks in advance.

--
pratiks

Drag and Drop

answered on 09 Jan 2012

7 answers

587 views

Chart height continually increasing

Hey all,

Not sure if this is a bug or if I am just doing something wrong. I copy pasted the source code for the high performance chart (http://demos.kendoui.com/dataviz/high-performance/index.html) and when I click on the start update button, the chart height start growing and doesn't seem to stop. On your website, it seems to be contained within the demo window, but when I use the sample code on my server, the chart starts growing and eventually surpasses the height of the page (a scroll bar appears) and it just seems to keep growing with each data update.

I have tried this on both chrome and firefox. I am using a reference to kendo.all.min.js, kendo.common.min.css, kendo.default.min.css, and jquery 1.7.1

Cheers,
Phil

Charts

answered on 09 Jan 2012

0 answers

132 views

'Cannot call method 'toString' of undefined' in Kendo.all.min.js:6396

Hi all,

I'm getting a method 'toString' error when i render some line and bar/column charts.
Below is an example of one of the charts.

function widget1() {

$("#widget1").kendoChart({

theme: $(document).data("kendoSkin") || "default",

title: {

text: "Classificaties"

},

legend: {

position: "left"

},

chartArea: {

background: ""

},

seriesDefaults: {

type: "column", stack: false

},

series: [{name: "1 Incident",

data: [1,1,4,9,2],

color: "#DB3030"},

{name: "2 Probleem",

data: [,,,,],

color: "#8A2424"},

{name: "3 Wijzigingsverzoek",

data: [,,,1,3],

color: "#663399"},

{name: "3a Algemene wijziging",

data: [,,,,],

color: "#993399"},

{name: "3b Standaard wijziging",

data: [,,,,],

color: "#9966CC"},

{name: "3c Projectwijziging",

data: [,,,,],

color: "#CC66CC"},

{name: "4 Vraag",

data: [,,,,],

color: "#34B8C7"},

{name: "5 Beheer",

data: [,,,,],

color: "#346CC7"},

],

valueAxis: {

labels: {

format: "{0}"

}

},

categoryAxis: {

categories: [48,49,50,51,52]

},

tooltip: {

visible: true,

template: "${value}"

},

seriesClick: widget1Click,

transitions: false

});

}

Charts

asked on 09 Jan 2012

11 answers

170 views

[Solved] Integration : Nesting upload inside window

Unnecessary scrollbars in IE

After selecting a file to upload, the window re-sizes based on the content just fine in Chrome/Firefox.

In IE (obviously), scroll-bars get added. I'm using IE9 but I'm willing to bet this happens in all versions. I've created a JSFiddle here to test what I'm talking about.

I'm sure some clever CSS-hackery can fix the problem but is there something the window control can do to account for this?

Window

answered on 09 Jan 2012

1 answer

64 views

When I add combobox to my project the main grid stops updating

When I add the following code to my project the main grid stops updating?

var cID = $("#custID").kendoComboBox({
minLength: 3,
dataTextField: "City",
dataValueField: "City",
filter: "contains",
dataSource: {
type: "odata",
serverFiltering: true,
serverPaging: true, pageSize: 20,
transport: { read: "http://services.odata.org/Northwind/Northwind.svc/Suppliers" }
}
});

// ========FULL CODE===========

<!doctype html>
<html>

<head>
<title>Detail Template</title>
<link href="../../shared/styles/examples.css" rel="stylesheet"/>
<link href="../../shared/styles/examples-offline.css" rel="stylesheet"/>
<link href="../../../styles/kendo.common.min.css" rel="stylesheet"/>
<link href="../../../styles/kendo.default.min.css" rel="stylesheet"/>
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.all.min.js"></script>
</head>

<body>
<a href="../index.html">Back</a>
<div class="description">Kendo UI Proof of Concept </div>

<label for="custID">Search Customer ID (minimum 3 characters):</label>
<input id="custID"/>
<div>(Test Combobox Control)</div>
<br/>
<br/>
<br/>

<label for="compName">Search Company Name (minimum 3 characters):</label>
<input id="compName"/>
<div>(Test Autocomplete Control)</div>
<br>
<br>
<br>

<table id="grid">
    <thead>
      <tr>
        <th data-field="CustomerID">CustomerID</th>
        <th data-field="CompanyName">CompanyName</th>
        <th data-field="Address">Address</th>
        <th data-field="City">City</th>
        <th data-field="PostalCode">PostalCode</th>
      </tr>
    </thead>
</table>

<script>

$(document).ready(function () {

var custGridData = new kendo.data.DataSource({
        type: "odata",
        transport: {
           read: "http://services.odata.org/Northwind/Northwind.svc/Customers"
        },
        pageSize: 10,
        serverFiltering: true,
        serverPaging: true,
        serverSorting: true
      });

      $("#grid").kendoGrid({
         dataSource: custGridData,
         height: 250,
         scrollable: true,
        sortable: true,
        pageable: true
      });

       var cName = $("#compName").kendoAutoComplete({
                    minLength: 3,
                    dataTextField: "CompanyName",
                    dataSource: {
                        type: "odata",
                        serverFiltering: true,
                        serverPaging: true, pageSize: 20,
                        transport: { read: "http://services.odata.org/Northwind/Northwind.svc/Customers" }
                    }
     ,
      change: function() {
                            var value = this.value();
                            if (value)
                                   {custGridData.filter({ field: "CompanyName", operator: "eq", value: (value) } ); }
       else
           {   custGridData.filter({});}
                            }
                });

     //var cID = $("#custID_STOPCODEFROMRUNNING").kendoComboBox({
     var cID = $("#custID").kendoComboBox({
     minLength: 3,
                    dataTextField: "City",
     dataValueField: "City",
        filter: "contains",
                    dataSource: {
                        type: "odata",
                        serverFiltering: true,
                        serverPaging: true, pageSize: 20,
                        transport: { read: "http://services.odata.org/Northwind/Northwind.svc/Suppliers" }
                    }
                });


});
            </script>
        </div>
    </body>
</html>

Grid

answered on 09 Jan 2012

0 answers

154 views

Object expected Window

>Hi everyone
I take problem please can you solved
Microsoft JScript runtime error: Object expected
this error message

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
      <link href="../Assets/kendo.common.css" rel="stylesheet"/>
        <link href="../Assets/kendo.default.css" rel="stylesheet"/>
        <script type="text/javascript" src="../Assets/JavaScripts/jquery.min.js"></script>

        <script type="text/javascript" src="../Assets/JavaScripts/kendo.core.js"></script>
        <script type="text/javascript" src="../Assets/JavaScripts/kendo.fx.js"></script>
        <script type="text/javascript" src="../Assets/JavaScripts/kendo.draganddrop.js"></script>
        <script type="text/javascript" src="../Assets/JavaScripts/kendo.resizable.js"></script>
        <script type="text/javascript" src="../Assets/JavaScripts/kendo.window.js"></script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<script>
      $(document).ready(function () {
          var window = $("#window").kendoWindow({
              title: "Centered Window",
              width: "200px",
              height: "200px",
              visible: false
          }).data("kendoWindow");
      });
      $("#btnOpen").click(function () {
          var window = $("#window").data("kendoWindow");
          window.center();
          window.open();
      });
            </script>
.
.
.
.
    </div>
<asp:Button ID="btnOpen" runat="server" Text="Button"></asp:Button>
<div id="window">
     <p id="window4">
     Kendo window content
</p>
</div>
</section>
</asp:Content>

tHANK YOU much

Window

asked on 08 Jan 2012

0 answers

124 views

Grid is not updating on datePicker change

Hello

I am trying to select certain rows from mysql database and display it in a html table which is bound to kendoGrid.
The event gets fired on date change in kendoDatepicker. but the grid is not getting changed.

Can someone suggest me a way out of this.

- mahesh

Grid

asked on 07 Jan 2012

0 answers

117 views

Loading remotely generated html table

Hi

I am creating async request to generate a html table by php . This table gets generated on the change event of data which is bound to kendo.datePiicker. I want to bind the kendoGrid to the table generated thru this php code.

The simple achivement i wish is
1. on date change a month gets picked up and passed on to the remote server database
2. async call to the php script page is called (e.g. localhost/generateDataTable.php)
3. php generates the desired table.
4. the updated data thus gets shown using the kendoGrid for further use.

Grid

asked on 07 Jan 2012