Questions on Kendo UI for jQuery Forum

1 answer

124 views

Listview Widget as Both kendoDraggable and kendoDropTargetArea?

Is it possible to do this? Have a List view widget that can have both draggable and drop target functionality?

Has anyone else attempted to implement this?

Drag and Drop

answered on 25 Jun 2014

1 answer

102 views

Get current row/dataitem on create/update

I have a grid with inline editing, when you hit update it updates/creates all entries that are available and not only the current row. So how do I filter for the current row only. I don't want the whole grid to fire an update/create when I only change a single row.

Grid

answered on 25 Jun 2014

3 answers

146 views

Slider doesn't slide with mouse gestures on Chrome / Windows 8; but touch gestures work

Hi, I'm seeing different behaviors for Chrome, Firefox, and IE with the Slider widget. Touch gestures (dragging the thumb or clicking on the track) work for all three browsers. But mouse gestures are only working for IE and Firefox. With Chrome, clicking or dragging with the mouse does nothing to move the thumb.

To keep it simple and tease out the issue, I've got an unbound slider.

<head>

@Styles.Render("~/Content/kendocss")

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/kendojs")

</head>

<body>

<div id='slider'></div>

<script>

$(function () { $("#slider").kendoSlider() });

</script>

</body>

Windows 8 v6.2 b9200
Chrome: 23.0.1271.97 m
IE: 10.0.9200.16466
Firefox: 17.0.1

I don't have any touch-enabling extensions installed in Chrome. I suspect this is a bug. Any ideas or workarounds? THANKS!

Slider

answered on 25 Jun 2014

1 answer

153 views

DropDownTree

Does Kendo UI support a DropDownTree control?

Similar to the RadDropDownTree

TreeView

answered on 25 Jun 2014

1 answer

270 views

Data show html tags

i am using kendo editor . I insert data using kendo editor from database when i retrieve data from database using kendo editor its show me html tags also.plz gave me some solution.

Editor

answered on 25 Jun 2014

6 answers

187 views

baseUnit days on Navigation chart

Hi,

I'm using the stock chart with navigation, I'm trying to use the days baseUnit on a similar chart like this example:

http://demos.telerik.com/kendo-ui/dataviz/financial/index.html

but the auto baseUnitStep is not allowing me to use a day step selection,

Could you help me with that?

Thank you so much,

Charts

answered on 25 Jun 2014

1 answer

180 views

Grid (in Window) Custom Command is not calling JS function

I have the following simple code which is the content of a Kendo Window:

<div id="nsdGird"></div>

<script>

var model = @Html.Raw(Json.Encode(Model));

var grid = $('#nsdGird').kendoGrid({

dataSource: model,

pageable: true,

sortable: true,

scrollable: false,

selectable:true,

columns: [ {

field: "Name",

width: '150px',

title: "NOTAM Name"

} , {

field: "Description",

} , {

command: {

text: "SelectNSD",

click: SelectNSD,

name:"Select-NSD"

},

title: "Select",

width: '100px'

} ]

}).data("kendoGrid");

var SelectNSD = function (e) {

alert("Called");

console.log(e);

}

</script>

the SelectNSD function is never called when I click on the custom command. What is wrong with my code?

Thanks,

Grid

answered on 25 Jun 2014

5 answers

402 views

Color picker color selector doesn't work in IE11

Hello,

I have recently implemented the Color Picker in my site and I'm having issues in IE 11. The color picker opens, however, the color picker slider circle that allows me to click on any shade of color doesn't work and always stays in the upper right corner. It will not move.

I'm also not able to enter in a value and apply it, however the default value can be applied by just clicking the Apply button.

Here's a snippet of code implementing the Color Picker

<input id="primaryheadercolor" type="color" value="${geo:object name='DERIVED_COMPONENT.Wizard.GetValue(CntwChooseColorScheme.PRIMARY_HEADERCOLOR)' attribute='value'/}" />
<script>
$("#primaryheadercolor").kendoColorPicker({
buttons: true,
change: function(e) {
$('#primary_header_color').val(e.value);
console.log("The picked color is ", e.value);
console.log(e);
}
});
</script>

The following three files are included.
<link href="/geonext/js/Frameworks/KendoUI/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<script src="/geonext/js/Frameworks/KendoUI/js/jquery.min.js" type="text/javascript"></script>
<script src="/geonext/js/Frameworks/KendoUI/js/kendo.web.min.js" type="text/javascript"></script>

Screenshot is attached of what I see in IE11.

ColorPicker

answered on 24 Jun 2014

1 answer

326 views

custom week view in scheduler

I have a kendo ui scheduler by Javascript, and in the week view, at the title of the column I want to replace the format of date,
you can see the format of date in the picture.
ex: I want to replace Mon 6/09 to Monday 09/June
code:
my code look like that
$("#scheduler").kendoScheduler({
        date: new Date("2013/6/13"),
        startTime: new Date("2013/6/13 07:00 AM"),
        height: 600,
        views: [
            "day",
            { type: "workWeek", selected: true },
            "week",
            "month",
            "agenda"
        ],
        timezone: "Etc/UTC",
        dataSource: {
            batch: true,
            transport: {

Scheduler

answered on 24 Jun 2014

7 answers

513 views

DropDownList mapping text and value to columns/properties in the Grid

I get the content of the DropDownList from a remote datasource. The received data looks different from the schema I have so I need to get the connection between the object of the column I'm in and the results from the request plus I need to bind that correctly that the text and value are correct in the cell but not with the original property names.

Grid

answered on 24 Jun 2014