Questions on Kendo UI for jQuery Forum

1 answer

158 views

I've found an issue using the upload control inside IE 10. This is running under full IE10 standards mode, not in compatibility mode.

We're using the unload control to send a CSV file along with a few extra parameters to the server. Chrome and IE9 both have no problem with this but under IE10 we get a 500 back from the server.

The specific difference between the request from Chrome and the request from IE10 is:

Chrome:
POST /api/csv?username=Administrator HTTP/1.1
Accept: */*
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryQurgi2tW6JVeKs0Q

------WebKitFormBoundaryQurgi2tW6JVeKs0Q
Content-Disposition: form-data; name="csv[]"; filename="Outlook Contacts.CSV"
Content-Type: application/octet-stream

"Title","First Name","Middle Name" ...

IE10:
POST /api/csv?username=Administrator HTTP/1.1
Accept: */*
Content-Type: multipart/form-data; boundary=---------------------------7dc3b02050500

-----------------------------7dc3b02050500
Content-Disposition: form-data; name="csv[]"; filename="C:\Users\User\Desktop\Outlook Contacts.CSV"
Content-Type:

"Title","First Name","Middle Name" ...

Note that the content type is missing from the IE version. Using fiddler I can edit and resend the request with the content type filled in and it works fine. I don't know how this gets set, whether the upload control builds this request or it happens in the depths of IE. Either way it's coming out the other end incorrectly.

Upload

answered on 29 Oct 2012

1 answer

132 views

[ask] Some issue in Kendo UI Grid.

Hi All,

Sorry if the topic is little bit confuse, I am new comer in MVC, and Kendo UI of course, I have some question about Grid of kendo UI which related some part of functional in grid.

the first, How to give functionality about check all with checkbox control in header template and Item template in grid? I already read on example project of Kendo UI but still got confuse about that :), is there any different way get that result?

the second, in web form we can modify in item template of grid which can add / insert some control and manipulate the value on server side code, how to do that functionality in kendo grid? based on example I just get how to modify in row template, is it possible?

the third and the last, Is there possible to give functionality on event double click in row of grid to edit the record? cause I want the grid have ability to selection row with highlight on one click and ability to edit the record inline the row on double click also. is it possible?

thanks, hope my questions not too much and make confusing :)

I am newbie and getting stuck on some code of MVC :)

Rory,

Grid

answered on 29 Oct 2012

0 answers

171 views

Dynamically changed grid page size

Hi, I'm workinkg on Kendo grid and I'd like to dynamically change grid page size.
There is a problem when I change pageSize property by the function from

$("#somegrid").data('kendoGrid').dataSource.pageSize(10);

There are some options in my grid pager dropdown like: 5, 10, 15, 20, but when i use this function, selected value in that dropdown doesn't change. How can I change it's selected value? I'm always setting value that exists in that dropdown.

Grid

asked on 29 Oct 2012

0 answers

111 views

JQuery messing with date validation

I have a issue with the kendo datepicker, that is caused by the jquery.validate.*.js. I get a validation error when using DatePicker because it validates that date as if it was en-US (MM/dd/yyyy) and not nb-NO (dd.MM.yyyy) which it should be. So when I write the date of the day above 12 do I get a error that says ".. must be a date". When I remove the included library from Jquery does the datepicker work just fine, but then there's other functionality that doesn't work. Any suggestions on how I can solve this issue would be greatly appriciated.

I'm using .NET 3.5, MVC 4 and the DatePickerFor.

Date/Time Pickers

asked on 29 Oct 2012

3 answers

107 views

Incorrect screen width calculation on maximised window

Hello,

When browser maximised, and parent-splitter-holder width is set to 100%, on loading the code recalculates it to 1901px when my screen is 1920px - leaving a large white gap on the right-edge of my screen.

If I manually resize the browser window it correctly recalculates and fills the entire width of the browser.

http://i41.tinypic.com/5lz6sz.png

Thanks,

Jared

Chrome 15 and FF + Win 7

Splitter

answered on 29 Oct 2012

1 answer

608 views

Send form data to server

L.S.

Using the demo on

http://demos.kendoui.com/web/validator/index.html

How do I send the form data to the server (preferably as json, but anything goes.) I assume that the magic must happen in:

$("button").click(function() {
  if (validator.validate()) {
    status.text("Hooray! Your tickets has been booked!").addClass("valid");
    // right, so here we can save, post, the form data? But how?
    // something like save("http://address.to/server/path/","json","POST") ?
  } else {
    status.text("Oops! There is invalid data in the form.").addClass("invalid");
  }
});

kind regards, Koen

Validation

answered on 29 Oct 2012

0 answers

289 views

How to render data in the Kendo UI Grid using Foreach Loop

@foreach (var item in products) {

<h3>
<a href="/ProductDetails/@item.productID">@item.title</a>
                </h3>
                <p>
                @Products.ShowProductThumbnail(item.productID.ToString())
            </p>
                <p class="price">
                    $@item.price
                </p>
                <p>
                    <a href="/ProductDetails/@item.productID" class="detailsButton">
                        More Details
                    </a>
                </p>
        }

I have this code i want to display the above in a kendo ui grid

<script > $(function () { $("#grid").kendoGrid({ columns: [{ title: "Product Name" }, { title: "Product Image" }, { title: "Price" }, { title: "More Details" }], sortable: true }); }); </script>
Please help me 
Thanks in advance

Grid

asked on 29 Oct 2012

0 answers

64 views

Help! How can I do this?

Just like http://demos.kendoui.com/web/grid/index.html
It a perfect realization of a partial refrash
Who can tell me how can i do this?

Grid

asked on 29 Oct 2012

0 answers

110 views

Trying to reset a scroller initialized using .kendoMobileScroller()

Hi I am trying to reset the scroll position of a scroller I'm using within a modal each time that modal is opened so I am trying to figure out how to invoke the .reset function for the scroller. I initialized the scoller using the .kendoMobileScoller method.

I've attempted to set the scroller instance into a global variable like: scroller = $('#element').kendoMobileScroller(); and then later calling scroller.reset() when the modal is reopened.

When I do this I get the following error: Uncaught TypeError: Object [object Object] has no method 'reset'
Any tips as to what I am doing wrong?

Thank you,
Steven

General Discussions

asked on 29 Oct 2012

2 answers

157 views

Kendo UI Grid Right-to-Left

Hi,

I am going to use a Kendo UI Grid, in an Persian .aspx web page, so I must use it in right-to-left format.
When placing the grid in the right-to-left page, the grid content (rows data) is shown correctly (in right-to-left format), but unfortunately, the grid header is still shown in left-to-right.

Now, the question is that: How can I align the Kendo UI grid header to right-to-left form?

Thanks.

General Discussions

answered on 28 Oct 2012