Hi,
       Width of the List-view gets reduced on every click in Android(tested in S3),PFA the sample project.
Version Used: KendoUIMobile.2013.2.716.Commercial.

Regards,
Sowmya

I have created a Kendo UI Grid and I have one field within the grid which is editable.  I haven't used the "Inline editing" feature as I chose to simply create a template that has a text box and have an event handler on it.  This works great. 

I now want to change the text box to a `NumericTextBox` but it does not seem to work within the grid but works out side of the grid.

    <div id="grid" style="width:1250px!important;font-size:12px!important"></div>
     <script id="slotsTemplate" type="text/x-kendo-tmpl">
        <input class="numeric" type="number" value="#= additional_slots #" min="0" max="100" step="1" />
    </script>
    <script>
    
        $(document).ready(function() {
          $("#numeric").kendoNumericTextBox();
              $("#grid").kendoGrid({
    
                dataSource: {
                    transport: {
                        read:{
                            dataType: "json",
                            url:  "data.php"
                        }
                    },
                dataBound: function(){
                       $(".numeric").kendoNumericTextBox();
                },
                    schema: {
                        total: "total",
                        data: "result",
                        model: {
                            fields: {
                                id: { type: "number" } ,
                                name: { type: "string" },
                                company: { type: "string" },
                                email: { type: "email" },
                                additional_slots: { type: "number", validation: { min: 0, required: true }},
    
                            }
                        }
                    },
            serverPaging: true,
                    pageSize: 25
                },
                scrollable: false,
                sortable: true,
                filterable: true,
             selectable: "row",
             detailTemplate: kendo.template($("#detailTemplate").html()),
                pageable: {refresh: true,},           
                columns: [
                    {field:"id",title: "ID",filterable: false},
                    {field: "name",title: "Name"},
                    {field: "company",title: "Company"},
                    {field: "email",title: "Email"},
                    {field: "additional_slots",title: "Additional<br />Slots",template: kendo.template($("#slotsTemplate").html()),filterable: false},
    
                               
                ]                  
            });    
            
            
    
             $("#grid").on("change", '#numeric', function(event){
                 alert('changed');
              });
    </script>

Can anyone help get this NumericTextBox working within the grid?

Many thanks

hy,

I'm trying to develop an MVC4 Single Page Application  based on AngularJs and KendoUI 

1/ In my index.html:
//I have thos lines :
    <script src="/Scripts/jquery-1.10.2.min.js"></script>
    <script src="/Scripts/angular.min.js"></script>
    <script src="/Scripts/kendo/2013.2.716/kendo.all.min.js"></script>
    <script src="/Scripts/angular-kendo.js"></script>
//I have this line :
 <div kendo-grid k-data-source="things" 
     k-columns='[
    {"field": "Id","title": "Id"}, 
    {"field": "Country","title": "Country"}
    ]'
    >
</div>
2/In my app.js :
var app = angular.module('appModuleName', ['kendo.directives']).config......
3/in my controller.js:
$scope.things= new kendo.data.DataSource({
        transport: {
            read: "[{ 'Id': 1 , 'Country': 'England01'}, { 'Id': 2 , 'Country': 'England02'}, { 'Id': 3 , 'Country': 'England03'}]"
        }
    });


>> when i add the line : {{things}} , i have the scope, but i do not see the grid in my page !!!

Thanks a lot for your help.
Best M,

Hi,

I have a problem with remove newly created nodes from a treeview, in that it gives an error "TypeError: r[0] is undefined".
This only happens with newly created nodes, if a tree is reloaded after appending the node, then the removal works fine.

Versions:
<link href="//da7xgjtj801h2.cloudfront.net/2013.1.514/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="//da7xgjtj801h2.cloudfront.net/2013.1.514/styles/kendo.bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="//da7xgjtj801h2.cloudfront.net/2013.1.514/js/kendo.all.min.js" type="text/javascript"></script>

Using Firefox.


Process:

Add node:
function addToTree(id, data) {   // This works just fine.
    var treeView = $element.data("kendoTreeView");
    var getitem = treeView.dataSource.get(id);
    var selectitem = treeView.findByUid(getitem.uid);
    treeView.append(data, selectitem);
}

function removeFromTree () {
    var $parent = treeView.parent(treeView.select());
    treeView.remove(treeView.select());
    treeView.select($parent);
    treeView.trigger('select', { node: $parent });
}


// First we add to the tree
addToTree(targetId, newNode);
// Then we select the node, and display the appropriate info panel.
....
// Then we try to remove the node
removeFromTree(); // error is thrown, and it is thrown even if the parent selection code is removed leaving only the remove command.



The remove function works just fine if the tree is reloaded after adding the node, but clearly that is not a workable method. Any ideas on what is wrong with the "new node"?

Dear all,

I have been trying for a cuple of days to get data from the database into the KendoUI GRID. For some reason the data doesn't show, so I ran a test and as far as I can see it is working as it is supposed to.

My test.php file looks like this:

And my index2 file looks like this:


Now you can see in the php-file I created a text file to check which data is echo-ed. That data looks like this:

{"total":2,"data":[{"CLIENTEMEA":127,"CLIENTNAME":"Telenet","CLIENTKVK":123456789},{"CLIENTEMEA":129,"CLIENTNAME":"Tele2","CLIENTKVK":987654321}]}

Which is correct. I made 2 test entries to see what's what.

Now when I start the page, the GRID always shows up empty. It's also not possible to add new records. When I do the submit button doesn't submit the data, so all I can do is cancel.

Can anyone see anything wrong with the code? Are there other tests I could do to find out the problem?

Any help would be appreciated.

Thanks in advance,

Dennis Biemans.

I have a Kendo UI app with a search box. My problem is, it's formatted just like the browser would normally format it, which I do NOT want. I would expect Kendo UI to do this for me. Here is my HTML:<div data-role="view" data-layout="app" data-title="Search" id="index">

<header data-role="header">

<div data-role="navbar">Search</div>

<form id="searchForm">
<input type="search" id="search" />
</form>

</header>
</div>
..........
Am I going to have to style this myself?

Hi.

Is there a way to force descending order on a grouped column in Kendo Grid?

When I open the grid, I've got a list of operations grouped by operation data, but I want group ordered from most recent date.

I read that if I want to group and sort for the same field, the instruction is

group: [{ field: "OperationDate", dir: "desc" }]

Right?

What's the instruction for Razor Engine? Something like:

.Group(groups => groups.Add(p => p.OperationDate, ListSortDirection.Descending ) ?

Thanks.

I've been struggling to get inline grid editing to work.

My first attempt was to take the MVVM demo (modified a little), and changing data-editable='true' to data-editable='inline'. When I did that, it behaves  erratically: it updates the underlying data immediately (before saving or cancelling), the "update" button does nothing, and the "cancel" button clears the entire grid. Here's a demo: http://jsbin.com/EHIYuDE/3/edit?html,output.   What's going wrong here?

Next I tried doing it in a non-MVVM way, which I also could not get to work: http://jsbin.com/EHIYuDE/6/edit?html,output. What am I doing wrong here?

Any example of how to get inline editing to work with local data, preferably in an MVVM style, would be much appreciated.

Keyboard shortcuts aren't working in IE if you create new tabs via tabstrip.append(). I've created an example to demonstrate. http://jsfiddle.net/jABKT/

I know there is a height variable with the scheduler control? I want to find out if there is a way to auto-set to the height of the browser? Mind you, I do have it loaded up within a tabstrip, so anyway to make the tabstrip adjust to the browser height and the schedule control auto-adjust to the content height?

Paul