Questions on Kendo UI for jQuery Forum

1 answer

179 views

Kendo UI with Google map

hi,

how can I integrate Google map with multiple locations in my MVC 4 Razor engin project
My requirement is bellow.

Need to printout multiple location with Icon
When I click the Icon it open small popup and populate the address
The address should come from database with json formet

if anyone knows please help me..
its urgent ....

thanks in advance.

General Discussions

answered on 29 Oct 2012

1 answer

149 views

Script Timeout Errors

I am having an issue with a chart in which I am specifying the categories explicitly in a list of DateTimes (using Razor). The script appears to be looping and timing out (in FF and Chrome). Here is a copy of the output script:

jQuery("#ComparisonChart").kendoChart({"chartArea":{"background":"transparent"},"theme":"BlueOpal","title":{"visible":false},"legend":{"position":"bottom","visible":true},"series":[{"name":"Series 1","type":"line","data":[363.02948999999984,386.43137096774205,394.77789677419366,391.96260344827596,397.30644838709674,380.5523633333334,401.997464516129,412.83990968253971,387.34019825268825]},{"name":"Series 2","type":"line","data":[123.63480299999999,173.04288387096773,171.53627741935486,159.57903965517241,154.44881935483869,149.10146999999995,157.6923290322581,170.64611530555553,167.9252829301075]},{"name":"Series 3","type":"line","data":[84.8014192,63.289669032258054,81.889754870967735,73.58135620689653,55.59777903225806,122.64908719999997,129.71715732258062,152.43915316269846,74.84976545698926]},{"name":"Series 4","type":"line","data":[139.20569980000002,190.72106548387103,175.20732,154.13307862068965,130.75742225806451,148.7146827666667,156.06423645161286,97.983419814285739,63.053801075268822]}],"seriesDefaults":{"line":{"width":3,"markers":{"visible":false}}},"categoryAxis":{"labels":{"font":"10px arial,serif","visible":true,"step":0},"majorGridLines":{"visible":false},"minorGridLines":{"visible":false},"title":{"text":"Date (11/01/2011 - 07/01/2012)"},"type":"Date","categories":["2011/11/01 00:00:00","2011/12/01 00:00:00","2012/01/01 00:00:00","2012/02/01 00:00:00","2012/03/01 00:00:00","2012/04/01 00:00:00","2012/05/01 00:00:00","2012/06/01 00:00:00","2012/07/01 00:00:00"]},"tooltip":{"visible":true}});

Is there something I am doing incorrectly there that I am not seeing?

Charts

answered on 29 Oct 2012

1 answer

200 views

Kendo Upload in IE 10

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

158 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

218 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

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

DatePicker

asked on 29 Oct 2012

3 answers

141 views

[Solved] 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

681 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

327 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