Hello,
tried a simple chart with remote data, but theres no POST to PPM_Read on page load/refresh ...
everything else is working fine, grids, dropdownlist, etc ...
Maybe anyone knows what i'm doin wrong here ?
Greetings, Oliver
Controller:
public ActionResult PPM_Read()
{
var data = db.viewPointCipWqsScrapPartsMonthPPM;
return Json(data, JsonRequestBehavior.AllowGet);
}
View:
@(Html.Kendo().Chart<MapsMvc.Areas.mPointCip.Models.viewPointCipWqsScrapPartsMonthPPM>().Name("chart2")
.Title("WQS")
.Legend(legend => legend
.Position(ChartLegendPosition.Top))
.DataSource(dataSource => dataSource.Read(read => read.Action("PPM_Read", "WQS")))
.Series(series =>
{
series.Column(model => model.PPM).Name("PPM");
})
.CategoryAxis(axis => axis
.Categories(model => model.LastProcess)
.Labels(labels => labels.Rotation(0))
.MajorGridLines(lines => lines.Visible(false))
)
.ValueAxis(axis => axis.Numeric()
.Labels(labels => labels.Format("{0:N0}"))
.MajorUnit(1000)
.Line(line => line.Visible(true))
.Max(10000)
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Format("{0:N0}")
)
)
how can I add a blank item at the top of TimePicker list?
My code looks like this,
function timeEditor(container, options) {
$('<input data-text-field="' + options.field + '" data-value-field="' + options.field + '" data-bind="value:' + options.field + '" data-format="' + options.format + '"/>')
.appendTo(container)
.kendoTimePicker({
//interval: 15
//max: new Date(2000, 0, 1, 22, 0, 0) //date part is ignored
//min: new Date(2000, 0, 1, 8, 0, 0) //date part is ignored
});
}
$("#HoursGrid").kendoGrid({
dataSource: {
data: @Html.Raw(Json.Encode(Model.HoursList)),
schema: {
model: {
fields: {
DealerID: {type: "int", editable: false},
dayNo: {type: "int", editable: false},
dayName: { type: "string", editable: false },
OpenTime: { type: "date", editable: true },
CloseTime: { type: "date", editable: true }
}
}
}
},
//toolbar: ["save"],
columns:[
{ field: "dayName", title: "Day of Week" },
{ field: "OpenTime", title: "Sales Hours - Open From", type: "date", format: "{0:hh:mm tt}", editor: timeEditor },
{ field: "CloseTime", title: "Close At", type: "date", format: "{0:hh:mm tt}", editor: timeEditor }
],
editable: true,
scrollable: false,
save: function(e){
},
databound: DD.Kendo.AddExtraStyleToGrid // this is where the hover effect function is bound to grid
});
A I have a simple diagram (a vertical line of connected circles, of variable length) which I want to display in a pop-up window, to display a graphical indication of where a record is within a workflow.
I can get everything to work, except that by default the diagram has a lot of surrounding white space, that causes the windows scrollbars to show, even when the whole diagram easily fits into the visible space.
I would like to scale the diagram to always fit in the window (without showing scrollbars). I've tried using the bringIntoView method on the databound event, but this doesn't work (the API documentation doesn't give any clues as to what exactly the View area is). I would also like to keep the zoom functionality disabled.
My current window definition is:-
@(Html.Kendo().Window()
.Name("historyWnd")
.Title("Approval History")
.Content(@<
text
>
@(Html.Kendo().Diagram()
.Name("diagram")
.DataSource(dataSource => dataSource
.Read(read => read
.Action("GetHistory", "MyVacancies").Data("vFilter")
)
.Model(m => m.Children("Items"))
)
.Editable(false)
.Pannable(false)
//.Zoom(0)
.Layout(l => l.Type(DiagramLayoutType.Layered))
.ShapeDefaults(sd => sd
.Visual("visualTemplate")
.Content(c => c
.Template("#= dataItem.PositionName #")
.FontSize(8)
.Color("white")
)
)
.ConnectionDefaults(cd => cd
.Stroke(s => s
.Color("#979797")
.Width(2)
)
)
.Events(events => events.DataBound("onDataBound"))
)
</
text
>)
.Modal(true)
.Visible(false)
.Height(450)
.Width(300)
)
and the template is:-
<script>
function
visualTemplate(options) {
var
dataviz = kendo.dataviz;
var
g =
new
dataviz.diagram.Group();
var
dataItem = options.dataItem;
g.append(
new
dataviz.diagram.Circle({
width: 70,
height: 70,
fill: dataItem.Colour,
stroke: {
width: 0
}
}));
return
g;
}
</script>
Thanks
Is it possible to enter the date without having to type the century? It seems that 1/1/16 is not valid, you have to enter 1/1/2016. Most of the time the century is the current one. In fact not entering the year at all would be even better, so that the year defaults to this year. Either of these things possible?
Thanks
Hi , the arrow for the validation message is in the center, so if the column width is shorter than the message the arrow points to the wrong column, see image attached. Can the arrow be moved to the left, or the message centred on the column, not left aligned?
THanks,
Hi,
I have a Kendo Tabstrip in each tab there is a Kendo Grid and a button. A Kendo Window is suppose to open when the button is clicked. But weird thing is that in some tabs Kendo Window is opened when a button is clicked, while in others tabs the window is not opened when the button is clicked. Another problem is that initially Grid in the tab (set by SelectedIndex) can not show up. It only shows up after clicking another tab.
I attach a sample project named MVC_Controls_Kendo as well as MVC_Controls_Kendo Database to show the problems. Because of the size
limit, I remove the package in the project. The package include, Kendo MVC (2015.1.429.440.Trial), MVC 4 and many others. The simplest way to recreate the solution is to create
new Telerik MVC project (name: MVC_Controls_Kendo) and select .Net 4 and ASPX (not razor), and add the source files attached.
Please add the OTPTEST.mdf in attached MVC_Controls_Kendo Database
to the Data folder for SQL Server Express on the your pc and attach it
in SQL management studio. Then modify the connection string in Webconfig
in MVC_Controls_Kendo project and App.Config file in Data project.
Currently it is:
<add name="OTPTESTEntities"
connectionString="metadata=res://*/Model3.csdl|res://*/Model3.ssdl|res://*/Model3.msl;provider=System.Data.SqlClient;provider
connection string="data source=ZHANG-PC\SQLEXPRESS;initial
catalog=OTPTEST;integrated
security=True;multipleactiveresultsets=True;App=EntityFramework""
providerName="System.Data.EntityClient" />.
Replace ZHANG-PC with your pc name. After launching the project, just click on "Action Items", which will go to ActionItems.aspx. Click any link in "Type Desc" column and it will redirect to EvaluationForm.aspx which will display a Kendo TabStrip. In each of its tab, it supposes to display a Kendo Grid defined in EvaluationFormTab.ascx. Another Kendo Grid and Kendo Window hosting it are also defined in this file.
The problem is that after initial click on "Type Desc" column, it will redirect to EvaluationForm.aspx and display a Kendo TabStrip, but the Kendo Grid that is supposed to show up doesn't. It only shows up after clicking on another tab.
Another weird problem is that while Kendo Window is opened in some tabs like "Overall", "Coaching" after "Best Practice" button is clicked, the window never opens in tab like "Governance" after "Best Practice" button is clicked. In some tabs like "IST", "Benchmarks", the window opens for 1st time and not opens for the rest of time after "Best Practice" button is clicked.
I have no idea on these problems and need your help. Thanks.
Hello,
is it possible to create multiple range slider using Kendo UI ?
see attachement.
Thanks.
Hi ,
I just installed Scheduler control, I am trying to start use of it but I didn't understand from where to start. I have downloaded demo apps but not able to understand how to bind my room-list to header instead of week view.
If you have any documentation which will explain step by step about Scheduler control.
Thanks.