I am using the MVVM and Datasource frameworks with the Kendo UI controls, so the control is bound via MVVM to a shared datasource. This works well with all controls when updating values. It even works fine when completely deleting values of text-like controls. The issue is with numeric or date controls, where empty string is a violation, thus NULL is used.

So for DatePicker and NumericTextBox, when a value is already present, selecting the text in the control thru the UI and deleting it, does not update the underlying datasource. Thru inspection and walking code, I can see that the controls do indeed have their value set to NULL, so it appears to be in the observer and not the controls.

Anyone else unable to delete values successfully or is this just me??

Thanks!
Mike

Hi all

i have a grid (php/json datasource) and inline editing.

i need to validate the email address field but i have a problem.

if i define the field like this in my datasource.schema.model.fields :
EmailAddress:         { validation: { required: true}, type: "email" },
then validation works perfectly when editing existing entry.
but adding throws an error. (i dont think 'email' is a valid 'type')

i think i'll need to define the field like this:
EmailAddress:         { validation: { required: true}, type: "string" },
and validate the entry with a regex. but i cant figure out how.

i though i could add a 'format' to the above 'validation' tag but that doesnt work....

does anyone have experience with this please? i've very stuck.

thanks,
Vauneen

Hi , I am totally new user of kendo but i cant even bind the data yet please give me some solutions :

Trying to move from 2011.3.1413 to 2012.1.423 version.
Some columns in grid use FCBKcomplete(For it's tags support) widget in incell editor. This widget is composed of hidden select and visible text input. Problem is that text input is autobinded to datasource.
Here is small jsFiddle to illustrate - check the category column in edit mode.
I couldn't find a way to disable this autobinding behaviour. May be i just was looking in wrong direction.

PS: Sorry title must be "Trouble with incell editor..."

Hi,

I'm trying to build a billing system using a grid to select the items that are billable in a time range. I have the following php file that feeds the grid and handles the post as in the blog tutorials. When the Save button is clicked the grid posts to the php page correctly but the update does not happen and I get the following error in firebug:

a is undefined
http://localhost/...../kendo.all.min.js
Line 8

Here's the php code:

<?php
$link = mysql_pconnect("localhost", "user", "pass") or die("Unable To Connect To Database Server");
mysql_select_db("db-name") or die("Unable To Connect To DB");

// add the header line to specify that the content type is JSON
header("Content-type: application/json");

// determine the request type
$verb = $_SERVER["REQUEST_METHOD"];

// handle a GET
if ($verb == "GET") {

$arr = array();
$rs = mysql_query("SELECT
contracts_copy.contractID AS ID,
contracts_copy.artistID,
contracts_copy.contract_number AS Contract,
contracts_copy.play_date AS Date,
contracts_copy.billable AS Billable
FROM
contracts_copy
WHERE
contracts_copy.play_date >= '2012-01-01' AND
contracts_copy.offer_status = 'Confirmed'
");
 
while($obj = mysql_fetch_object($rs)) {
    $arr[] = $obj;
}

echo "{\"data\":" .json_encode($arr). "}";
}

    // handle a POST
if ($verb == "POST") {

     // get the parameters from the post. escape them to protect against sql injection.
    $Billable = mysql_real_escape_string($_POST["Billable"]);
    $Id = mysql_real_escape_string($_POST["ID"]);
    
    $rs = mysql_query("UPDATE contracts_copy SET billable = '" .$Billable."' WHERE contractID = '" .$Id."'");
   
   if ($rs) {
        echo json_encode($rs);
    }
    else {
        header("HTTP/1.1 500 Internal Server Error");
        echo "Update failed for ID: " .$Id;
    }
}
?>

When viewing the json directly in the browser it works fine. The post from the grid looks fine too:

models[0][Billable]	true
models[0][Contract]	EK.03.29-30.2012.HollySprings.NC
models[0][Date]	2012-03-29
models[0][ID]	2218
models[0][artistID]	73

The Billable field is the only editable one and is passed correctly. The response from json is also correct...true. But the table is not updated with the Billable value (true) and the grid doesn't show the update.

Here's my page code:

<div id="wrap" class="k-content">
<div id="example" class="k-content">
            <div id="grid"></div>

            <script>
                $(document).ready(function () {
                  dataSource = new kendo.data.DataSource({
                                transport: {
                                        read: "../data/billable.php",
                                        update: {
                                        url: "../data/billable.php",
                                        type: "POST"
                                            }
                                        },
                                    parameterMap: function(options, operation) {
                                    if (operation !== "read" && options.models) {
                                        return {models: kendo.stringify(options.models)};
                                    }
                                },
                            
                            batch: true,
                            autoSync: true,
                             pageSize: 30,
                                schema: {
                                    data: "data",
                                model: {
                                    id: "ID",
                                    fields: {
                                        Contract: { editable: false },
                                        Date: { editable: false},
                                        Billable: {editable: true, type: "boolean" }
                                  
                                    }
                                }
                            }
                        });

                    $("#grid").kendoGrid({
                        dataSource: dataSource,
                        pageable: true,
                        height: 400,
                        toolbar: ["save", "cancel"],
                        columns: [
                            { field:"ID", title: "ID", width: "25px" },
                            { field: "Contract", title:"Contract", width: "150px" },
                            { field: "Date", title:"Date", width: "150px" },
                            { field: "Billable", width: "100px" }
                            ],
                        editable: true
                    });
                });
            </script>
        </div>


</div>

I hope someone can help. It's probably something simple I'm overlooking. It seems odd that I'd get the true response from my php/json page if the update didn't happen?

Any help is appreciated.
Tony

Is it possible to get serialized data from the tree view - json array or something?

Thank you for your help
Ingo

I have a master and child grid that is being displayed.   When the child grid has only one row in it, it does not display any records.   If there are two or more, they become visible.

I have been able to add a second child record and then all of a suddent it shows up.   If I delete the second child record, the grid no longer shows any records.

What am I doing wrong?

Here is the master grid:


Here is the child grid:

Hello,

I'm trying to sell KendoUI to my co workers and I would like to know if there's a demo web site (or a live web site) that has integrated most of Kendo UI components?

Showing each components individually is just not the same as showing a fully integrated web site.  Some success stories would also be usefull if I want to impress the other programers.

Hi,

I'm testing kendoui Mobile and I've noticed that navbar is higher than the one in iOS native apps... how can I modify it? Also the icons are too big... is there a way to make them smaller (like forcing dimensions for example)?

Thanks a lot
Mauro