running a template on a data object of pictures returned from facebook

Object {data: Array[8]}
data: Array[8]
__proto__: Object

sometimes the object returns an additional array of 'paging', sometimes it doesn't

How can I get something like this?

<script id="albums-photos-template" type="text/x-kendo-template">
# if (paging) { #
# if (paging.previous) { #
<a href='#= paging.previous #' class='albums-prev'>prev</a>
# } #
# } #
etc

I'm getting something like this

Uncaught ReferenceError: paging is not defined

Hi,
I need help with a grid with 3 detail rows each editable and with own datasources - like this http://jsbin.com/epocid/1/
When I hook this up to my datasources, while the read fires and data is returned for all datasources, only the Master and first detailRow gets populated. Thanks in advance for help.
Pete

 <script id="treeview-template" type="text/kendo-ui-template">
            <button  class="editrow"><i class="icon-pencil"></i>Edit</button>
            <button  class="removerow k-button"><i class="icon-trash"></i>Delete</button>
         
             <span class="k-label" style="margin-left:50px">#: item.AttrID #</span>  <span class="k-label" style="margin-left:150px"> #: item.AttrDesc #</span>
            <input type="hidden" name="itemid" value="#: item.UID # ">
            <input type="hidden" name="itemCustomerUID" value="#: item.CustomerUID # ">
             <input type="hidden" name="itemAttrTable" value="#: item.AttrTable # ">
            <input type="hidden" name="itemAttrID" value="#: item.AttrID # ">
             <input type="hidden" name="itemAttrDesc" value="#: item.AttrDesc # ">                      
</script>     
both 
  $('.removerow').on('click', function (e) {                  
            alert('removerow edit');           
        });

and
  $('.removerow').on('click', function (e) { 
  e.preventDefault();
            e.stopPropagation();                
            alert('removerow edit');           
        });
can not work.


i even add 
 $('#treeview').kendoTreeView({
            dataSource: hierarchyAttrs,
             select: onSelect,
            template: kendo.template($("#treeview-template").html())
        });

        function onSelect(e) {
            alert('sel');
           e.preventDefault();
          e.stopPropagation();
         }
it can show 'sel'
but  alert('removerow edit');  still can not work.

same thing for the .editrow


pls help , urgent.
thanks
andy

I have a scenario where I want to save kendo grid batch edit and other fields in the form in one submit button press. 

Hi i am using kendo grid in my page defined in javascript. Below is my grid code in javascript

 function LoadAllPanelUsers() {
                 
                 dataSource = new kendo.data.DataSource({
                     transport: {
                         read: {
                             url: "/Home/LoadAllUsers",
                             type: "POST",
                             dataType: "json"
                         },
                         update: {
                             url: "/Home/UpdateUser",
                             dataType: "json",
                             type: "POST"

                         },
                         destroy: {
                             url: "/Home/DeleteUser",
                             dataType: "json",
                             type: "POST"
                             
                         },
                         create: {
                             url: "/Account/InsertUser",
                             dataType: "json",
                             type: "POST"
                                        
                         },
                         parameterMap: function (options, operation) {
                             if (operation !== "read" && options.models[0]) {
                                 return options.models[0];
                             }
                         }
                     },
                     type: "json",
                     batch: true,
                     schema: {
                         model: {
                             id: "UserID",
                             fields: {
                                 UserID: { editable: false, nullable: true, type: "number" },
                                 UserNumber: { type: "number", validation: { required: true, max: 96} },
                                 UserDescription: { type: "string", validation: { maxLength: 31} },
                                 PartitionNumber: { editable: false, type: "number", defaultValue: "1", validation: { required: true} },
                                 AuthorityLevel: { type: "number", validation: { required: true }, defaultValue: 0 },
                                 UserCode: { type: "number", validation: { required: true, maxLength: 4, minLength: 4} },
                                 IsDeleted: { type: "bool" },
                                 IsEnabled: { type: "bool" }
                             }
                         },
                         data: "data",
                         total: "total"
                     }
                 });

                 var PanelDevices = [];
                 $("#rdgrd_AIB_UserResults").empty();
                 $("#rdgrd_AIB_UserResults").kendoGrid({
                     dataSource: dataSource,
                     height: 410,
                     selectable: "row",
                     
                     toolbar: ["create", "save", "cancel"],
                     columns: [
                            {
                                field: "UserNumber",
                                title: "User Number",
                                width: 150
                            },
                            {
                                field: "UserDescription",
                                title: "User Name",
                                width: 150
                            },
                            {
                                field: "PartitionNumber",
                                title: "Partition Number",
                                width: 150
                            },
                            {
                                field: "UserCode",
                                title: "User Code",
                                width: 150
                            },
                            {
                                field: "AuthorityLevel",
                               
                                title: "Authority Level",
                                width: 150
                            }
                    ],
                     editable: true,
                     navigatable: true
                 });
             }

when i insert the row , enter necessary values and click on save changes the controller action is called and the user is created in DB successfully. i return the same object after updating the new user id to the grid. below is my response body recieved from controller action.

1. Request URL:
   http://localhost:60410/Account/InsertPanelUser
2. Request Method:
   POST
3. Status Code:
   200 OK
4. Request Headersview source
   1. Accept:
      application/json, text/javascript, */*; q=0.01
   2. Accept-Charset:
      ISO-8859-1,utf-8;q=0.7,*;q=0.3
   3. Accept-Encoding:
      gzip,deflate,sdch
   4. Accept-Language:
      en-US,en;q=0.8
   5. Cache-Control:
      no-cache
   6. Connection:
      keep-alive
   7. Content-Length:
      110
   8. Content-Type:
      application/x-www-form-urlencoded
   9. Cookie:
      ASP.NET_SessionId=fjvgg5ehwlifhoukfi3zeupq
   10. Host:
       localhost:60410
   11. Origin:
       http://localhost:60410
   12. Pragma:
       no-cache
   13. Referer:
       http://localhost:60410/Home/Home
   14. User-Agent:
       Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.56 Safari/537.17
   15. X-Requested-With:
       XMLHttpRequest
5. Form Dataview sourceview URL encoded
   1. UserID:
      null
   2. UserNumber:
      43
   3. UserDescription:
      test234
   4. PartitionNumber:
      1
   5. AuthorityLevel:
      3
   6. UserCode:
      5428
   7. AccountID:
      0
6. Response Headersview source
   1. Cache-Control:
      private
   2. Connection:
      Close
   3. Content-Length:
      254
   4. Content-Type:
      application/json; charset=utf-8
   5. Date:
      Mon, 28 Jan 2013 09:24:37 GMT
   6. Server:
      ASP.NET Development Server/10.0.0.0
   7. X-AspNet-Version:
      4.0.30319
   8. X-AspNetMvc-Version:
      4.0

Response data
{"ExtensionData":null,"AuthorityLevel":3,"Changed":false,"ChangedBy":null,"Defaulted":false,"IsDeleted":false, "IsEnabled":false,"MacPanelID":0,"PartitionNumber":1,"SortIndex":null,"UserCode":"5428","UserDescription":"test234", "UserID":66,"UserNumber":43} in the response data you can see that the user id is 66. this id is not getting updated in the grid data. following is my grid data after save changes

here in the above object you can see that id and userid is null

Hello all,

   I'm trying to get a fixed size panelbar (see: http://www.kendoui.com/forums/ui/panelbar/static-sized-panelbar.aspx ) working in a more "mobile" feel. The fixed size part is working just great. But - is there a way to have the fixed size "long" content in the panelBar scroll with overshoot and bounce back like on the kendo mobile listView and other mobile widgets? Can I somehow put the content items in a scroller control? I'm not too sure how to make that work.

Cheers,
Stephen

Hello,

when i bind a listview to a grouped datasource, the click event fires twice.
how can I prevent it, if this is intended?

Kind regards
Axel

I have a tab strip that links to two views (snippet 1).  What I would like to do is have a way to initially select the second tab and its corresponding view.

I tried using the selectedIndex property (snippet 2), but it seems to always display whichever view I define first in code - I can change the highlighted tab, but what I really want to do is change the view that is displayed.

I have tried various versions of using the application's navigate method from body.onload, but that seems to work poorly.

Any ideas?

(Snippet 1)

        <div data-role="footer">
            <div data-role="tabstrip" id="tabstrip">
                <a href="#tabstrip-viewnotes" data-icon="recents">View Notes</a>
                <a href="#tabstrip-addnote" data-icon="add">Add Note</a>
            </div>
        </div>

(Snippet 2)

        $("#tabstrip").kendoMobileTabStrip({
                    selectedIndex: 1
                });

We would like to have a header that has a back button and home button next to each other.  Unfortunately, when we include a button next to the back button and run our app on a PC in Firefox or IE, the home button displays half a line lower than it should. 

It looks right on the mobile devices that I have tested, but it would be kinda nice if it looked right on the PC too - it's nice to be able to test/demo the app on a PC.


    <div data-role="view" data-title="Test page">
    <header data-role="header">
        <div data-role="navbar">
            <span data-role="view-title"></span>
            <a data-align="left" data-role="backbutton" class="nav-button" href="#index">Back</a>
            <a data-align="left" data-role="button" class="nav-button" href="default.aspx" data-rel="external" data-icon="home"></a>
        </div>
    </header>

I am using Kendo UI mobile, Phone Gap and Icenium for developing Mobile app. 

When I running my app in  Iphone and Iphone5 simulator, it's working fine.but when I try on Ipad simulator, the UI will be same as smartphone UI .

I read that Kendo UI mobile will automatically detect and change to the Device native look (http://demos.kendoui.com/mobile/simulator).

Should I include  css media(-webkit-device-pixel-ratio:2) for IPad? or anything more?

Guide me to know the  issue...