Questions on Kendo UI for jQuery Forum

1 answer

145 views

Kendo dropdownlist + grid with custom template MVVM issue

I'm not sure if this is bug or I'm doing something wrong. But I have a grid with a custom template. There are data-bind:click bindings inside the template. I also have a dropdownlist on the same page that is bound to that same datasource. When the dropdownlist is bound, the click bindings inside the grid row template don't work and give an error:
TypeError: Object [object Object] has no method 'apply'
Once i remove the binding from the dropdownlist it works. Everything else seems to be fine with the dropdownlist.

DropDownList

answered on 16 Jan 2013

3 answers

524 views

enable/disable checkbox

Hi,
Can i enable/disable checkbox of an item from a parametrer passed in the datasource?

for example:
i set my treeview with:

checkboxes: {
                    checkChildren: true
                },

in the:
dataSource: [{ ... }]

can i pass a parametrer for set the checkbox disable on that item? (or i can do not show a checkbox for that item)

thank you

TreeView

answered on 16 Jan 2013

2 answers

861 views

depth year last day of month

Hi,
i have create a datetimepicker, i put depth: year
i want that when i select the month in the value appear the last day of the selected month and not the first day..

i select Jan value: 01/01/2013 so i want that when i select a month in the value there is 31/01/2013 <- so the last day.

somebody know how to do?

Thank you

DatePicker

answered on 16 Jan 2013

2 answers

255 views

Help: DatePicker display incorrect value on selecting new date

i have inline editing grid with datepicker. This is working fine if i use local database(PC database) but not working if i use remote database

shared/editortemplate/DateTime.cshtml

@model DateTime?

@(Html.Kendo().DatePickerFor(m => m).Format("M/dd/yyyy"))

View:
columns.Bound(p => p.DateCompleted).Format("{0:d}").Width(80)

Model:
[UIHint("Date")]
[DisplayName("Date Completed")]
public DateTime? DateCompleted { get; set; }
when i tried to update and pick another date the tried to save, the date value become null and it weird is only happen if i connect via remote database

please advise

DatePicker

answered on 16 Jan 2013

6 answers

2.5K+ views

Why is dropDownList undefined

            var dropdownDataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "Tenant/ProductList",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        type: "post"
                    }
                },
                schema: {
                    model: {
                        id: "ProductID",
                        fields: {
                            ProductID: { editable: false, nullable: true },
                            ProductName: { editable: false }
                        }
                    }
                }
            });

            var dropDownList = $("#ProductList").kendoDropDownList({
                optionLabel: "Select product...",
                name: "ProductID",
                dataTextField: "ProductName",
                dataValueField: "ProductID",
                dataSource: dropdownDataSource
            }).data("kendoDropDownList");

At this point dropDownList = undefined??

DropDownList

answered on 16 Jan 2013

3 answers

420 views

Keep selected item

How can I keep the selected item selected after a collapse then expand?

@{   
    if (Session["VendorList"] != null)
    {
        List<PA.Service.AdminTools.VendorDTO> vendors = (List<PA.Service.AdminTools.VendorDTO>)Session["VendorList"];
        
        @(Html.Kendo().PanelBar()
            .Name("Vendors")
            .ExpandMode(Kendo.Mvc.UI.PanelBarExpandMode.Multiple)
            .Items(panelbar =>
            {
                panelbar.Add().Text("Vendors")
                    .Expanded(true)
                    .Enabled(true)
                    .Items(items =>
                    {
                        foreach (var vendor in vendors)
                        {
                            if (vendor.IsDefault)
                            {
                                items.Add()
                                    .Text(vendor.VendorName)
                                    .HtmlAttributes(new { onclick = "SetVendorID("+vendor.VendorID.ToString()+")" })
                                    .Selected(true);
 
                            }
                            else
                            {
                                items.Add()
                                    .Text(vendor.VendorName)
                                    .HtmlAttributes(new { onclick = "SetVendorID(" + vendor.VendorID.ToString() + ")" })
                                    .Selected(false);
                            }
                        }
                    });
            })            
        )    
    }  
 }

PanelBar

answered on 16 Jan 2013

1 answer

350 views

Localization of client side validation messages

We have implemented localized validation attributes which inherit form Data Annotations attributes and pull required validation strings from resource DLLs. For example, we have [RequiredLocalized] which inherits from RequiredAttribute. Everything works fine with MVC form fields, we get translated error messages when validating client-side and server-side (when JS turned off).

But when editing field values in Kendo Grid, our own RequiredLocalized validator does not seem to work client-side - invalid data get sent to the server, then the MVC validates the model and rejects it, and only then the error is returned to client.

How do we tell Kendo Grid to use our RequiredLocalized attribute in Javascript the same way as it uses [Required] ?

Also we see that Telerik Javascript files have some hard-coded validation strings, like "must be a number". Hiow do we localize these?

Grid

answered on 16 Jan 2013

12 answers

1.5K+ views

The auto-complete drop down is not visible even though the data is returned by my service

Hi Folks,
I have been on with this problem since morning.

I am trying to use the Kendo UI Auto-complete.

Given below are the scripts that I include

<script type="text/javascript" src="~/Scripts/kendoui/kendo.all.min.js"></script><link href="content/kendoui/kendo.common.min.css" rel="stylesheet" />

<link href="content/kendoui/kendo.default.min.css" rel="stylesheet" />

Given below is the HTML code picked up from the demo and slightly modified.

<div id="example" class="k-content">

<div id="vendors">

<input id="searchQuery"/>

</div>

<script>

$(document).ready(function () {

$("#searchQuery").kendoAutoComplete({

minLength: 3,

dataTextField: "Name",

dataSource: {

minLength: 3,

type: "json",

transport: {

read: {

url: "http://localhost:2168/Search.svc/SearchVendorsByName",

dataType: "json",

type: "GET",

contentType: "application/json",

},

parameterMap: function (options) {

return "searchQuery=" + $('#searchQuery').val();

},

}

});

</script>

<style scoped>

#vendors {

width: 369px;

height: 71px;

padding: 211px 0 0 141px;

margin: 30px auto;

}

.k-autocomplete {

width: 240px;

vertical-align: middle;

}

</style>

</div>

Given below is the format of the data that is returned.

[{"ID":1,"Name":"Vendor Name"},{"ID":2,"Name":"Vendor Name"},{"ID":3,"Name":"Vendor Name"},{"ID":4,"Name":"Vendor Name"},{"ID":5,"Name":"Vendor Name"},{"ID":6,"Name":"Vendor Name"},{"ID":7,"Name":"Vendor Name"},{"ID":8,"Name":"Vendor Name"},{"ID":9,"Name":"Vendor Name"},{"ID":10,"Name":"Vendor Name"}]

The remote service is getting properly called and I also get the data (I viewed it using Fiddler).

However,
Even though the matching data is received the auto-complete dropdown just does not show anything. What am I missing?

Please help me on this. I am pretty sure I am missing something extremely simple.

Thanks in advance.

AutoComplete

answered on 16 Jan 2013

1 answer

108 views

IE7 support

Hello Kendo guys,

Great framework!
However, I'm having issues related with IE7 like sprites showing in the background on hovering, displacement of windows etc...
Could you please take a look at www.snickers-online.be/werk ?
Using IE8+, Chrome and Safari (on PC, not on iPad), the site shows fine. Using IE 7, the site is not usable at all.

Thank you in advance,

Wim

General Discussions

answered on 16 Jan 2013

3 answers

615 views

Treeview- parent node selection is not retrieving children node IDs

Hi,

We want to send the list of checked node IDs in a treeview to the controller.
We are facing an issue when we check the parent node, we are not able to retrieve the children node IDS for the checked parent node.
This is because we are using the treeviews on change event of checkbox.
When we check the parent node, the children nodes would not have been checked by then in onchange event of treeview.
We want some post node selection event so that by then children nodes wouild have been checked automatically by default and we get their node IDs.
We tried using databound or requestend events,we were not able to capture the children node IDs.

we are getting the node IDs this way.
var checkedNodes=$("input:checked",treeview)

Please help.!

Thanks.!

TreeView

answered on 16 Jan 2013