Questions on Kendo UI for jQuery Forum

4 answers

122 views

Navigate event

In the navigate event how do you tell what month the user naviagted to?

Calendar

answered on 10 Oct 2012

1 answer

90 views

Make date bold in datetime picker

Hi,

Is there a way I could make the date part from the date time picker bold?

I have attached an image with what I would like to do.

Thank you,

Date/Time Pickers

answered on 10 Oct 2012

0 answers

85 views

Icons in a Grid are old after sorting

Hi,

I have a column in the grid that contains icons.These icons are updated properly on a button click , the latter is outside the grid.
However if I now sort the grid, the icons are not updated. I used the below code to update an Icon in a button click event.

$("#Img_" + ModId).attr("src", $.url("Content/images/Active.png"))

Is this a problem with my code or sort function ? Please let me know.

Grid

asked on 10 Oct 2012

2 answers

169 views

How to insert data to data grid

Hii,

Look at this :

$(document).ready(function () {

var crudServiceBaseUrl = "http://demos.kendoui.com/service",

dataSource = new kendo.data.DataSource({

transport: {

read: {

url: crudServiceBaseUrl + "/Products",

dataType: "jsonp"

},

create: {

url: crudServiceBaseUrl + "/Products/Create",

dataType: "jsonp"

},

.....

i'am using PHP, so how to retrieve data jsonp in page /Products/Create?
i want to insert that data to database

Thank,

Grid

answered on 10 Oct 2012

1 answer

351 views

Customized validation messages

TL;DR - I want to provide a custom field name but use the built-in validation messages.

I am trying to customize the validation messages displayed by the Kendo validator in a mobile application.

I've created a JsFiddle (http://jsfiddle.net/jeremy_wiebe/6nw8s/) to help show what's going on and the options for specifying validation options.

Don't provide anything, just let Kendo build the message using the input element's 'name' attribute. This is sub-optimal because the 'name' attribute doesn't allow spaces in it and 'customerNumber1 is required' doesn't look good.
Specify a 'title' on the input. This is a start but kendo uses _only_ the 'title' attribute value for all validation messages. This is again sub-optimal when the input may become invalid for multiple reasons (required, min/max values, incorrect format, etc). Try putting '-100' the second field to see what I mean.
Put a 'validationMessage' attribute on the input. As far as I can tell this is identical to doing #2. So it has the same shortcomings.
Add custom data-{rule}-msg attributes for each type of validation you might have on the attribute. This solves the problem at the cost of making more verbose HTML. Now I have to put a custom validation message on each HTML input form for each validation rule I have.

Looking at the Kendo source I see that there's an object that stores the built-in validation rule messages. These messages use the kendo formatting (see the _extractMessage function) to display a message and have placeholders for the field name as well as any other dynamic validation bits that may be applicable for the message.

So, what I'd like to be able to do is specify the 'title' attribute on the input (referring to my JSFiddle I'd use 'Customer #' from the second <input>) and have the kendo validator use that as the field name when it formats the built-in validation messages. In this way the second input would show 'Customer # is required' if the field is empty and 'Customer # should be greater than or equal to 1' if the value is -11.

Is there any way to accomplish this as the code is now?

Validation

answered on 09 Oct 2012

1 answer

306 views

Datepicker don't show the selected date

Hi everyone,

I'm quite new to KendoUI but what I have seen so far is really cool :)

Actually I'm trying to edit a date with a datepicker. When I initialize the datepicker a selected date won't be displayed and I don't know why.
Even if I call the basic datepicker by this:

$("#datum").kendoDatePicker({});

no selected date will be displayed althought dates can be selected.

My original code looks like this:

var value = "12.06.2012";

$("#datepicker").kendoDatePicker({

culture: "de-DE",

format: "dd.MM.yyyy",

value: value

});

When I open the datepicker the correct value (12.06.2012) is selected in the "dropdown", but nothing is show in the datepicker's input... :( Btw: No errors in the Firebug console

Any help is appreciated!

Thanks and cheers,
Chris

// Update: I'm using:
Kendo UI v2012.2.710
jQuery v1.7.1
Firefox 15.0.1
Iron (based on Chrome) 20.0.1150.1
Windows 7

Date/Time Pickers

answered on 09 Oct 2012

3 answers

911 views

Refresh the Entire Page after grid action 'destroy' completes.

Hi,
When I delete a row from my grid, I need to refresh the same page because other data on the page depends on items in the grid.
Is there someway I can do this?
Thanks,
Murph

Grid

answered on 09 Oct 2012

2 answers

211 views

Images in Kendo UI Editor: first image will not display in IE

Here's a puzzle... I am building an editor that contains some HTML, including some image tags. In IE the first image displays in the editor as a broken image, while any subsequent images display correctly. This behaviour is not exhibited in Chrome. I've modified the HTML in the editor any way I can to try to "fix" this but no matter what the first image is broken in IE.

Any help?

EDIT:
This effect only occurs when the first image is on the server. If the first image is off the server (e.g. I take a URL from any image on the internets) then it's all good.
Any idea why IE would choose to not display the first image if it's on the server?
FYI: it's not a permission issue (I think) since the account used to run .NET has access to the images, and no suspicious events are being logged that suggests the server is denying the first image.

Editor

answered on 09 Oct 2012

0 answers

111 views

validation tooltips appear behind DropDownLists

Please see attached screenshot from Internet Explorer 8. My validation tooltips appear behind DropDownLists. I'm no css guru so I would appreciate some help. As far as I can tell the tooltips have a higher z-index than the DropDownLists.

Validation

asked on 09 Oct 2012

0 answers

73 views

Complete web applciation

Do you have sample asp.net mvc web application with Kendo UI , not just individual control level example . I am expecting a business level application sample? like shopping cart

If you have one please send it to me I would like to see how i can join all controls

Regards
Gopi

DropDownList

asked on 09 Oct 2012