Questions on Kendo UI for jQuery Forum

13 answers

2.1K+ views

Good morning. I need to hide columns in grid kendo?
as I can do that when grouping columns hide the column that is grouped?

thanks

Grid

answered on 13 Sep 2012

1 answer

169 views

Slider Panel like BxSlider?

I'm using bxSlider http://bxslider.com/ to manage 'pages" for a long form.
I like it but it doesn't do touch.

Does KendoUI have a control that can be configured to act like a panel slider? The PanelBar looks promising but I don't want the user to see more than Next<>Previous options

Thanks
Pat NH USA

General Discussions

answered on 13 Sep 2012

1 answer

156 views

Drag & Drop issues in TreeView

Hello, I am having some issues with TreeView that I need help resolving:

Issue #1:

Below code works, and sprites show up, until you drag an item. After that <span> tags get stripped.

<ul id="hosts">

<li id="host1"><span class="maas-sprite server"></span>host1</li>

<li id="host2"><span class="maas-sprite server"></span>host2</li>

<li id="host3"><span class="maas-sprite server"></span>host3</li>

</ul>

$('#hosts').kendoTreeView({

dragAndDrop: true,

});

Issue #2:

When moving last item from one TreeView to another, it is impossible to drag anything back.

How do i fix this??

TreeView

answered on 13 Sep 2012

1 answer

183 views

invalid format

when I enter an invalid date in kendoDatePicker, the function .val () returns null. How do I see what has been typed. thanks

DatePicker

answered on 13 Sep 2012

0 answers

187 views

Unbound Column

Hi,

i am new to KendoUI. So its maybe a stupid question :). But i don't find a solution.

I create remote datasource and bind it to a Listview with a template element. Like in our examples:

$("#openServiceCallsListView"

).kendoMobileListView({

	dataSource: remoteDataSource, 

	template: kendo.template($(

"#myRowTemplate"

).html())

	});

The Template looks like this:

<script type="text/x-kendo-tmpl" id="myRowTemplate"

<div>${field1} ${field2} ${field3}</div

</script>

It works and everything is fine. But now i need an unbound column which contains an image link. Something like:

"http://localhost/service/GetPicture?Model=" + encodeURIComponent(${field1} + "&Type=" + encodeURIComponent(${field2})

I don't know, can i call a javascript function in this template? Or is it possible to create a new field in the datasource?

Cu

Georg

Data Source

asked on 13 Sep 2012

1 answer

150 views

JSON datasource returns [object Error] only inside IE9

Hi,

I hava a grid and a datasource which receives data from a webservice.
The XML data I convert serverside to JSON using PHPs json_encode().
If I display these data in a Kendo grid ONly FireFox and Chrome show the data correclty inside the grid.

Internet Explorer 9 (IE 9) shows [object Error].
This message comes from my datasource:

...

error: function(e)

{

alert(e.errorThrown);

},

...

Can somebody tell me why IE9 does not accept these JSON data but other browsers do without any problem?
Is there any way to get more information what causes the error?

Thanks!

Data Source

answered on 13 Sep 2012

0 answers

156 views

CRUD sort and filter

Hello,
I have followed this example

grid-page-methods-crud

https://github.com/telerik/kendo-examples-asp-net/tree/master/grid-page-methods-crud

Example is working fine
but when i added sort filter or paging but sort paging or filter doesn't work

what i am missing

Your feedback is appreciated

Best Regards
Wael

Grid

asked on 13 Sep 2012

2 answers

277 views

KendoDate issue with value()

Hello,

I noticed that you can set the value of the date picker using a date or a string with the proper format. If i use the date, I'm getting a different behaviour form the string, when I first put the text to the input

I have created the control with a change event option.

I'm setting the value of the control this way:

datepicker.value(new Date());

when i'm writing some invalid date in the input, the expected behaviour will be that the change event is not executed. But it's being executed.

I tested it with setting the value with a string:

datepicker.value("1/9/2011");

and the result is the expected. the event is not executed.

example:

<div id="Div6" class="k-content">
<div id="email-settings">
<div id="test" style="margin-top: -6px; margin-left: 180px">
<input id="datepicker" style="width:150px;" />
</div>
<div style="margin-top: 59px; margin-left: 180px">
<input id="monthpicker" value="10/10/2011" style="width:150px" />
</div>
</div>
<script>
$(document).ready(function () {
// create DatePicker from input HTML element
$("#datepicker").kendoDatePicker({
change: function () {
// get widget
var widget = this;
alert("datepicker");
}
});
$("#monthpicker").kendoDatePicker({
change: function () {
// get widget
var widget = this;
alert("monthpicker");

}
});

var datepicker = $("#datepicker").data("kendoDatePicker");
var a = "1/9/2011";
datepicker.value(a);

var monthpicker = $("#monthpicker").data("kendoDatePicker");
var b = new Date();
monthpicker.value(b);
});
</script>

Regards

DatePicker

answered on 13 Sep 2012

2 answers

1.9K+ views

[Solved] selectedIndex on kendoComboBox

Hello,

I have being working with the kendoCombobox trying to implement in our project.

I'm experencing one issue and I need a clarification.

I created a kendoCombobox, with some options. and i'm adding to it 2 events. one is the CHANGE event and the other is the SELECT event.

I notice that in the CHANGE event there is a selectedIndex propertie of the current event. (this.selectedIndex) that represents a "-1" when the item doesn't appear in the datasource and the current index when yes. I can access to the value and use it to performe some validation, but i want to know if is there any reason that this is not in the documentation? I tried to look for a selectedIndex implementation in the documentation of the comobobox, and i couldn't find anything, i only realized of this value when i have debugged with the chrome.

Thekns for your time.
Polit, Guillermo

Sungard Investran developer.

ComboBox

answered on 13 Sep 2012

1 answer

829 views

[Solved] Handling Id's / Primary Keys in Grid

Hi

I'mcurrently evaluating the Kendo UI

I load some data from a data service and show the data in the grid.

I have a custom column definition in which i don't show the primary key.

But how can I access the primary key in the change event ?
I can't find something like this in the samples

Can someone help ?
Below my jscript code

$(document).ready(function () {
        var apiUrl = '@(Url.RouteUrl("DefaultApi", new { httproute = "", controller = "Inbox" }))';

        $("#inboxGrid").kendoGrid({
            change:onSelectionChanged,
            dataSource:
                {
                    transport: { read: apiUrl },
                },
            columns: [
                { title: "SentDate", field: "SentDate", filterable: true, sortable: true, format: "{0:dd.MM.yy}" },
                { title: "Subject", field: "Subject", filterable: true, sortable:false}
            ],
        });
    });

Grid

answered on 13 Sep 2012