It seems like clicks on the close cross (upper right corner) of a calendarevent will propagate to the rest of the DOM.
Maybe I am just doing something incorrectly.

Is it an intended behavior?

Hello,

We have a responsive web design targeting with first. I am currently using the bootstrap 3 carousel control for images, however, we would like to move to the Kendo Mobile ScrollView to use the swipe actions when on mobile.

I have been trying to integrate the mobile ScrollView into the page using MVC wrappers without luck. I'm not looking for syntax help, I just need to know if it can be done, if so, a sample would be great.

I'm fairly new to the Kendo widgets, I noticed there is no MVC wrapper demo for databinding the mobile scrollview? I was hoping to use that as my starting point to learn the syntax. 

I have been messing with this in all sorts of configurations trying to get it to work unsuccessfully, I think I'm missing some core guidance.
Thank you.

My script bundle:

My style bundle:


My layout page:

On my view page:

And I have tried with and without this at the bottom of the page:


Thank you,
Richard

Hi,

sorry for my poor English.

I'm trying to tranlstate the text of buttons update and cancel in inline edit mode without success.

Could you show me an example of good way to do this ?

thank you

Is there a way to get at the original data from a data source once it has been fetched from the server? I need to look at which fields were defined in the actual data payload and can't do it until after the data has been sent over. Doing this in the schema parse event won't work for my needs.

Why can't a Layout take a viewModel like a View? Something like this:

<div data-role="layout" data-id="service" data-init="init" data-model="viewModel"></div>

As a workaround, I am doing this the following. Is there any reason that I shouldn't be doing this?

<div data-role="layout" data-id="service" data-init="init" data-show="show"></div>

function show() {
  kendo.bind($("service-layout-selector-here"), viewModel);
}

So far I have managed to load data from url and show on list, but once my list ends,
I need to load data from next url .Here is my code:

var i = 0, pageSize = 10;<br>
function mobileListViewEndlessScrolling() {<br>
var dataSource = new kendo.data.DataSource({<br>
type: "odata",<br>
transport : {<br>
read: {<br>
type : "GET",<br>
url : "https://graph.facebook.com/siedae/feed?access_token=150129068491462|a8HxcqfRA-Bn1M59A_wefbEMs9c",<br>
contentType: "application/json; charset=utf-8",<br>
dataType : "json",<br>
error : function (xhr, ajaxOptions, thrownError) {<br>
alert("error " + xhr.responseText);<br>
},<br>
}<br>
},<br>
serverPaging: true,<br>
pageSize: pageSize,<br>
schema: {<br>
data : "data",<br>
total: function() { return 25; }<br>
},<br>
});<br>
$("#endless-scrolling").kendoMobileListView({<br>
dataSource: dataSource,<br>
template: $("#endless-scrolling-template").text(),<br>
endlessScroll: true,<br>
scrollTreshold: 30 ,<br>
}); <br>
}<br>

 Here is my html for the my list view:

<ul id="best-in-klas-products-list-view"></ul>

I have the following Header Template:

<script id="best-in-klas-products-header-template" type="text/x-kendo-template">
    # if ( klas.bestInKlasProductsViewModel.checkForBestInKlas(value) ) { #
        <div class="list-view-group-header">
            <div class="group-header-table-container">
              <div><img src="images/best-in-klas.svg" class="best-in-class-logo" /></div>
             <div>
                 <div class="market-segment-title">#: klas.marketSegmentName #</div>
                 <div class="award-title">Best in KLAS</div>
            </div>
        </div>
     </div>
   # } else { #
     <div class="list-view-group-header">
        <div class="group-header-table-container">
            <div><img src="images/category-leader.svg" class="best-in-class-logo" /></div>
           <div>
              <div class="market-segment-title">#: klas.marketSegmentName #</div>
              <div class="award-title">Category Leaders</div>
          </div>
       </div>
    </div>
  # } #
</script>  


This is my script for the list view:

$('#best-in-klas-products-list-view').kendoMobileListView({
    headerTemplate: $('#best-in-klas-products-header-template').text(),
    template: $('#best-in-klas-products-template').text(),
    dataSource: new kendo.data.DataSource({
        type: 'json',
        transport: {
        read: url
    },
    group: {
        field: 'groupByField', dir: "desc"
    },
    sort: [
        { field: "ranking", dir: "asc" }
    ]}),
    filterable: false,
    click: function (e) {
        ...
    }
});


The Code is simple clean, I Love it. My problem is that I need to display additional in my header template. We have additional award categories I need to display additional information in the header template. What's the best way to accomplish this? Any help would be greatly appreciated. 

when you click on the section2, the whole HTML layout is blown apart. the actual behaviour on the page with splitter is quite worse.
this only happens when 
  <div id="orgSchlDgExmSchdl" style="min-height:400px;"></div>
and it is not instantiates/initialized into actual grid object, the proble also does not occur when div tag is initialized into grid object.

<head>
<script type="text/javascript">
        $(document).ready(function () {
            //collapsible management
            $("#panelbar").kendoPanelBar({
                //expandMode: "single"
            });
        });
    </script>


</head>
<body>
    <ul id="panelbar">
        <li class="k-state-active">
            <span> Section1 </span>
            <div>
                Elements under section one
            </div>
        </li>
        <li>
            <!--<span>Section 2</span>
            <div> Elements under section2</div>-->
            <span>Data Entry Grid</span>
            <div id="orgSchlDgExmSchdl" style="min-height:400px;"></div>
        </li>
    </ul> <!-- end Panelbar-->
  
                          
</body>
</html>

Hi,

I’m testing kendo grid and trying to get it to read from asp.net WebMethod in a webform.  I’ve tried many options in the code but nothing works. How can I return the correct json format for the grid to use?

[WebMethod]         
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string GetSomthing() {

 // [{"ProductID":1,"ProductName":"Test Product"}]

}




I have the following script in the aspx page:


<script src="http://cdn.kendostatic.com/2013.3.1324/js/jquery.min.js"></script>
<link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2013.3.1324/js/kendo.web.min.js"></script>


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



            $(document).ready(function () {
                
                $("#grid").kendoGrid({
                    dataSource: {
                        transport: {
                            read: {                                
                                url: "KendoTest.aspx/GetSomthing", 
                                dataType: "json",
                                type: "POST",
                                data: {}
                            }
                            
                        },
                        schema: {
                            data: "d",
                            model: {
                                id: "ProductID",
                                fields: {
                                    ProductID: { editable: true, type: "number" },
                                    ProductName: { editable: true, type: "string" }
                                }
                            }
                        }
                    },
                    height: 250,
                    columns: [{
                        field: "ProductID"
                    }, {
                        field: "ProductName"
                    }]
                });
            });


        </script>
    </div>





Thanks.

Hi!
I have 2 datasources: for multiselect and for dropdownlist, and 1 datasource for insert data into db from multiselect and dropdownlist.
But as result i have new record in database: id_client: blank and id_board: (needed value).
When i do "alert(required.value() + optional.value() )" i getting needed values. Why is blank posted data in field "id_client"?