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...

 

I have a small application that returns SQL Server data to a cshtml page and populates a chart.

But, the code I used does not seem like the best solution and I was wondering if you could take a look at my code and give me an idea of a better way?

My code is below.

Model:

CSHTML:

HomeController.cs:

Hi, 

Is there a way to customize buttons in the grid popup editmode?

I have looked through code for creating the popup window and it seems that the buttons are appended regardless to the html before creating the window.
ie.: 
html += that._createButton("update") + that._createButton("canceledit");
            html += '</div></div>';

I want to change to position, icons and text but keeping the functionality.

I tried changing content on open event, but this seems not to be the best approach.
i.e: 

 open: function (e)
        {
          // TODO: fikse knapper: 
          // debugger;
          var content = $(e.sender.content());
          content.find(".popup-fieldset-wrapper").append(content.find(".k-button"));
          content.find(".k-button").wrapAll("<div class='buttons' style='float: right;'/>");
          content.find(".k-button.k-grid-update").addClass("save");
          content.find(".k-button.k-grid-cancel").addClass("cancel");
          e.sender.content(content); //at first i was converting content back to html(), but seems much better when just putting the jQuery object into content. 
          //          e.sender.center();
        }

However this method looses the mvvm binding and the widgets looses its functionality!
Any help appreciated.

I cannot figure out how to (w/out hacking at the css styles), configure the pager to use the text rather than the icon/button images for the next and previous buttons. 

The following is used to setup the messages, which I can inspect the elements and see that the text is updated correctly, but how do I make it so that the pager uses the text rather than the icons? 

        messages: {
            display: "{0}-{1} of {2} total accounts",
            empty: "No accounts to display",
            first: "First",
            last: "Last",
            next: "Next",
            previous: "Previous"
        }

Thanks