I am using kendo grid and populating hierarchical data. On grid load the first row is already expanded. Is it possible that if i open 1 row other collapse automatically? Basically I want only one row to expand at a single instance. Normally in Grid we can expand multiple row at a time.

should not appear a horizontal scrool but i see and use horizontal scrool why use scrool? 

I have written the code below 

<div id="main" data-role="view" >
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span> <a data-align="right"
data-role="button" class="nav-button" href="#"
onclick="closeApp();">Close</a>
</div>
</header>
<div class="ustBaslik">
ESS
</div>
<div class="link">
<a href="#frmFotolar">
<img src="images/fotolar.png"/>
<div>Photo</div>
</a>
</div>
<div class="link">
<a href="#frmMail">
<img src="images/eposta.png"/>
<div>EMail</div>
</a>
</div>
<div class="link">
<a href="#frmTakvim">
<img src="images/takvim.png"/>
<div>Calculater</div>
</a>
</div>
</div>

I noticed that the demo, 'mobile form inputs' wasn't showing input type-specific keyboards that I'd expect on my iPad, and went looking for a solution.

The solution is to use a <form> tag.

Now, for instance, my <input type='search' ....> tag renders an input box with an associated search keyboard with a 'Search' button in place of the 'Return' button.

Hi again here guys,

I've noticed another strange problem on my tablet with "select" event on TabStrip:

here's functions:


On my Desktop, it works like a charm, with no problem at all, but on my tablet it's broken and I'm stucked. Console says :

Uncaught TypeError: Cannot read property 'id' of undefined

Any help would be appreciated!

Hi, 

I have an app that is divided into several parts...to make it simple, let's just consider a menu and a main area. 

My menu is created on my main layout file. So I have a kendo.bind(document.body,mainVM) on this page.

My main area has another kendo.bind(document.body,areaVM) 

Usually I have a grid on my main area, and because I want to format it nicely, I call the grid.kendoGrid() function on it. 

This makes the MVVM go crazy, because it can't track anymore which elements are bound to which vm (mainVM or areaVM). 

My grid also goes crazy, as it creates two divs for content, making the layout really bizarre. 

I have created a jsfiddle that reproduces the scenario described above. http://jsfiddle.net/aoliveira/WTuYX/2/

I do know that I could fix that by just scoping my kendo.bind call to the given area, but I would like to have at least my mainVM be boud to document.body and have my areaVM boud to some area div...but that seems to create problems also.

So the questions are :

1 - Will there be any way for kendo mvvm to track what is bound to what ?
2 - Is using bind on document.body completely wrong ?


Thanks, 

Alvaro Oliveira.

Hello, I'm new! i have a problem creating a grid with codeigniter...i dont know how to write my kendo script. here is my code in codeigniter: 
CONTROLLER:

function read() {

    echo(json_encode($this->news_model->read());

}

function update() {
    $records = json_decode(stripslashes($this->input->get(‘models’)), true);
    $this->news_model->update($records);
}

function destroy() {
$records = json_decode(stripslashes($this->input->get(‘models’)), true);

$this->news_model->destroy($records);

}

function create() {
$records = json_decode(stripslashes($this->input->get(‘models’)), true);

$this->news_model->create($records);

}

 MODEL

function read() {
    $this->db->select(“*”);
    $query = $this->db->get(‘news’);
    if($query->num_rows() > 0) {
        $newsList = array();
        foreach($query->result() as $news) {
            $newsList[] = $news;
        }
        return($newsList);
    }
}

function update($records) {
    foreach($records as $r) {
        $this->db->where(‘id’, $r['id']);
        $this->db->update(‘news’, $r);
    }
}

function destroy($records) {

    foreach($records as $r) {

        $this->db->where(‘id’, $r['id']);
        $this->db->delete(‘news’);
    }
}

function create($records) {

    foreach($records as $r) {
        $this->db->insert(‘news’, $r);
    }
}

and now how i put this in the grid??

Hi, is there any posibility to change all Kendo strings in app? In culture files there are months and days of the week, but I want to have "Select" in file upload in other languages than english.

Hi,
 i am new to kendoui  and i would like to suggest that the current ASP.NET controls should be using KendoUi instead of integrating asp controls with kendoui manually it should be supported as they are from same company. i.e i can use the grid and i can chose between kendoui grid , Telerik Grid or normal asp grid.

Regards,
Owidat

Hi,

We are evaluating Kendo UI and I have a question regarding Listview.
is it possible to display a Listview inside another Listview? If so, can you please provide a sample?

Thanks,

HI,

I am following http://demos.kendoui.com/web/grid/editing-popup.html example of  yours and in my case i have one checkbox(Notify) and two number type columns(Notification Amount & Performed Every). what i want to do is disabling the two number type columns(Notification Amount & Performed Every) when checkbox type column(Notify) is is unchecked and enabling these when checkbox is checked..

The code is as follows:

 var dataSourceForAssetType = new kendo.data.DataSource({
            transport: {
                read: {
                    url: '@Url.Action("AssetType", "Home")',
                    dataType: "jsonp"
                },
                destroy: {
                    url: '@Url.Action("DeleteAssetType", "Home")',
                    dataType: "jsonp"
                },
                create: {
                    url: '@Url.Action("CreateAssetType", "Home")',
                    dataType: "jsonp"
                },
                update: {
                    url: '@Url.Action("UpdateAssetType", "Home")',
                    dataType: "jsonp"
                },
                parameterMap: function (options, operation) {
                    if (operation !== "read" && options.models) {
                        return { models: kendo.stringify(options.models) };
                    }
                }

            },
            pageSize: 5,
            schema: {
                model: {
                    id: "AssetTypeID",
                    fields: {
                        AssetTypeID: { editable: false },
                        Description: { validation: { required: true} },
                        Notify: { type: "boolean" },
                        NotificationAmount: { type: "number" },
                        PerformedEvery: { type: "number" }
                    }
                }
            }
        });

        $("#grdAssetType").kendoGrid({
            dataSource: dataSourceForAssetType,
            pageable: true,
            resizable: true,
            groupable: true,
            toolbar: ["create"],
            columns: [
                { field: "Description", title: "Description" },
                { field: "Notify", title: "Notify ?" },
                { field: "NotificationAmount", title: "Notification Amount(Days)" },
                { field: "PerformedEvery", title: "Performed Every(Days before due)" },
                { command: ["edit"], title: "&nbsp;", width: "100px" },
                { command: ["destroy"], title: "&nbsp;", width: "100px"}],
            editable: "popup"
        });

How can i achieve these.

I Have also applied my custom editor for the checkbox column with custom attribute so to recognize the textbox and change the behaviour with the jquery.attr property like below:

editor: function (container, options) {
                        $('<input type="checkbox" myattr="notifyattr" name="' + options.field + '"/>')
                            .appendTo(container);
                    }
but now i am losing binding for this field.

Can you please help me out with the solution for this?