Questions on Kendo UI for jQuery Forum

3 answers

154 views

Costum popup editor can't show

i want to make popup editor with additional field, look it :
script grid kendo :

....

editable: { mode: "popup", template: kendo.template($("#popup_editor").html()) },

height: 450, filterable: true, sortable: true, pageable: true,

toolbar: [{text: "Add data", name: "create"}],

columns: [

{ field: "name",title: "Name", filterable: true },

{ field: "dtcreate",title: "Date create", filterable: true },

{ command: [{text:"Edit", name:"edit"}, {text:"Delete",name:"destroy"}], title: " ", width: "160px" }

]

script form popup :

<script id="popup_editor" type="text/x-kendo-template">

<div class="k-edit-label"><label for="name">Name</label></div>

<input type="text" class="k-input k-textbox" name="name" data-bind="value:name">

<div class="k-edit-label"><label for="publish">Publish</label></div>

<input type="text" class="k-input k-textbox" name="publish" data-bind="value:publish">

<div class="k-edit-label"><label for="dtcreate">Date Create</label></div>

<input type="text" name="dtcreate" data-type="date" data-bind="value:dtcreate" data-role="datepicker" />

</script>

So the problem is popup editor can't showed, why?

Thank,

Grid

answered on 10 Oct 2012

6 answers

659 views

Google maps + Kendo UI

We are running into an issue with Google Maps and Kendo UI where the pinch to zoom stops working correctly and as you move the map the tiles stop loading. Leaving my same code if I remove Kendo UI everything works correctly. Has anyone ran into this issue? If so do you have any work arounds?

General Discussions

answered on 10 Oct 2012

1 answer

311 views

Move grid rows between two grids?

Does anyone know of an example where you can move rows between two grids (left/right)? In the attached image I've got two select boxes but I want to turn them into grids with a row event that moves them left or right. Any pointers would be greatly appreciated.

Grid

answered on 10 Oct 2012

1 answer

209 views

Feature in Bubble Chart

Hi,

I have downloaded kendoui.trial.2012.2.710. I went to the examples of Bubble Chart.

Can we have the below features if we buy it?

Selection Tool
Zoom In/Out in the selected area from the chart
Drag the area (like in Google Map).

Charts

answered on 10 Oct 2012

4 answers

156 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

127 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,

DatePicker

answered on 10 Oct 2012

0 answers

131 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

221 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

457 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

369 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

DatePicker

answered on 09 Oct 2012