Questions on Kendo UI for jQuery Forum

6 answers

2.1K+ views

[Solved] Grid with editable Popup make fields readonly

Hi,

I'm very new to Kendo UI for ASP.NET MVC and I'm facing the first issue.

I have a Grid with editable Popup Editor (Template). Now I want to have a field (let's say CreatedAt timestamp) to show in the popup but only readonly. I've been searching the web for hours for a possible solution and only found the following:

That means the field is shown in client side only. How do I change the date format?

If I use default HtmlHelpers like DisplayFor or ValueFor then nothing is displayed.

Is this the only possibility to display readonly fields in the editable popup?

Thanks

Sven

Grid

answered on 16 Sep 2015

6 answers

311 views

Grouped data and multi axis

I have data showing on a Kendo chart almost exactly the way I want, with the exception I have to break out to of the series into the y2 axis.

function createMyChart(data) {

var chart = $("#myChart").data("kendoChart");

chart.setOptions({

valueAxis: { min: 0 },

dataSource: {

data: data.ChartModel,

group: {

field: "Series"

}

},

title: {

text: "My Chart"

},

legend: {

position: "right"

},

categoryAxis: {

field: "Group"

},

seriesColors:["blue", "red", "lightblue", "green"],

series: [{

name: "#= group.value #",

field: "Value",

color: "blue",

spacing: 0

}]

});

}

Essentially I have my data returning from an Ajax call, all properly formatted (Series = 1 of 4 possible series (string), Group = The desired grouping on the X-Axis (string), Value = self explanatory (int)). How can I tell the chart that I want Series 3-4 to be displayed on the y2 axis? All the examples I have seen want the series divided up and/or want a crossing point for the X-Axis to be a number.

Thanks,

Troy

Charts

answered on 16 Sep 2015

2 answers

129 views

Timeline view wrapping

Is there any way to stop the timeline view wrapping events?

I've made sure they don't overlap, but I've got a pair a minute apart and it wraps them.

I can't see anything in the settings to turn this off...?

It works fine in day and week view, but fails wraps in timelineMonth view?

Scheduler

answered on 16 Sep 2015

1 answer

151 views

Mobile view mouse/touch events

I am trying to allow the touch events in mobile view to NOT have the scheduler take over the screen because once it does a drag no longer moves the page up/down and it ends upstopping the viewer from seeing controls outside of the schedule that are for filtering the dataset. How can I get the events to allow page scrolling when over the scheduler? I have tried using the kendoTouch to do a scroll based on the e.touch.y.position and it works except the scheduler fights it to set it as the 0 point. We need to keep the scheduler from fighting the kendoTouch events.

Scheduler

answered on 16 Sep 2015

3 answers

939 views

[Solved] Add Bootstrap style to button.

Hi.

I want to add to button Bootstrap class='btn btn-primary', but whatever I tried it didn't help.
I tried this:

$(".k-button.k-upload-button").addClass("btn btn-primary");

nothing help, then I tried use templates:

<input name="files" id="files" type="file"

/>

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

<div

<button type='button' class='btn btn-primary' ></button

</div

</script>

and use template function, but no result.

What I'm doing wrong?

Thanks in advance.

Upload

answered on 16 Sep 2015

4 answers

979 views

[Solved] Column Template in Grid using MVVM

I am trying to define column template for the grid using MVVM. Below is the piece of code that i am using.

data-columns="[

{'template':'<input type=checkbox ><\/input>'}

]"

This is working fine. But this html is not exactly valid as I am missing single quotes (') and I am using closing tag for input which is ideally not required. How can define this in correct way? I think i am missing something very simple.

Grid

answered on 16 Sep 2015

4 answers

167 views

Server call for Add/Edit/Delete node in AngularJS

How to call a remote API for add/edit/delete node when using a parent-child relationship JSON data?

I've created my scenario in dojo. In the example, when click on node, we are getting Add, Edit and delete options.

When click on the Add, the add functionality is not working.
On Edit, I should be using own view template and over-right the save functionality.
On Delete, I should show the confirmation dialog and should call a function to perform the delete operation.

Also, the k-rebind is not working in our scenario. I'm loading the diagram by default with out data. I've a call to the rest to get the data for the diagram. Once I received the data. I want to rebind the diagram. but it is not rebinding.

Kindly help to resolve the above issues.

Thanks in advance!

Diagram

answered on 16 Sep 2015

2 answers

95 views

[Solved] Tab support when using overflow

When using the "overflow:always" option, how do I get this to work with tabindex? It seems like the bootstrap overflow menu does not have any real keyboard support.

See the following example (run in fullscreen to make tab usage easier inside the dojo):

http://dojo.telerik.com/@ake_krakbar/ERicu

How can I make it possible to use the tab key to navigate to the buttongroup using overflow?

Toolbar

answered on 16 Sep 2015

1 answer

313 views

expand all panels when printing kendo panelbar

Hi Telerik,

I have a kendopanelbar that contains 3 panel . I want to expand all panels to print details of gird in panels. I set expandMode is 'single'. The problem is In paper printer, It only show 1 panel and rest of panels collapse. I attempted to set expandMode is 'multiple' and It worked well But I just want expandMode is 'single'.

Here is my code:

function fqtt_PrintExpensesGrid() {
var gridElement = $("#expensesheetpanel");
gridElement.data("kendoPanelBar").expand($("li",gridElement.element)),
win = window.open('', '', 'width=1000, height=500'),
doc = win.document.open(),

htmlStart =
'<!DOCTYPE html>' +
'<html>' +
'<head>' +
'<meta charset="utf-8" />' +
'<title>' + ExpensesConstants.lbExpensesTitle + '</title>' +
'<link href="' + ExpensesConstants.cssKendoCommon + '" rel="stylesheet" /> ' +
'<link href="' + ExpensesConstants.cssKendoSilver + '" rel="stylesheet" /> ' +
'<link href="' + ExpensesConstants.cssQttlayout + '" rel="stylesheet" type="text/css"> ' +
'<link href="' + ExpensesConstants.cssQttprintreports + '" rel="stylesheet" type="text/css"> ' +
'</head>' +
'<body>',
htmlEnd =
'</body>' +
'</html>';
var decodedAddress = $('<div></div>').html(ExpensesConstants.lbCompanyAdress).text();

doc.write(htmlStart + gridElement.clone()[0].outerHTML + htmlEnd);

doc.close();
win.print();
}

Please help me!

Many Thanks.

PanelBar

answered on 16 Sep 2015

1 answer

83 views

Help Needed with Client Template Column

I have a grid that displays a subset of the entire column set of my model as follows as a result of my search form

$("#kendoResultGrid").kendoGrid({
dataSource: {
data:response
},
scrollable: true,
sortable: true,
columns: [
{ field: "EmpNo", template: "<a href='~/PMP/Index'>Select</a>" },
{ field:"EmpName" },
{ field:"EmpMgr" },
{ field:"ClientName" },
{ field: "FrameworkName",hidden:true }
]
});

I want to be able to pass the whole response object to my Index method on my PMP view and display employee id as a hyperlink. Can you please assist?

I have looked at a few samples but does not seem to work for me

Grid

answered on 16 Sep 2015