<
div
class
=
"chart-wrapper"
>
@(Html.Kendo().Chart()
.Theme("metro")
.Name("satisfactionChart")
.Title("Customer Satisfaction")
.Legend(legend => legend
.Position(ChartLegendPosition.Bottom)
)
.Series(series => {
series.Bar(new double[] { 94, 82, 89, 95, 90, 80, 91 }).Name("Key Performance Metrics").Color("#00CD00");
})
.CategoryAxis(axis => axis
.Categories("Ease of requesting help", "Time to reach qualified technician", "Time to provide a solution", "Completeness of solution", "Technical ability & product knowledge", "How well we kept you informed", "Overall opinion of service")
)
.ValueAxis(axis => axis
.Numeric().Labels(labels => labels.Format(""))
.PlotBands(plotBands => plotBands
.Add().From(86).To(95).Opacity(.3).Color("Grey")
)
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Format("{0}%")
)
)
</
div
>
Hi,
What I am trying to do :
1)I have a form with Kendo UI controls like DatePicker(s), Dropdownlist(s), NumericTextBox(s) on the first half of the page
2)Second half has a Kendo UI MVC Grid control
a) This Kendo UI Grid control has 8 columns in which 2 columns has a Kendo dropdownlist(EditorTemplate) and CheckBox(EditorTemplate).
b) The Kendo UI Grid control is Ajax binding.
3) When the save button is clicked, all the values from the Kendo UI controls(first half) and Kendo UI grid control(second half) together
are posted as a Json object via "Ajax Post" to the controller.
4) I am using Model binding for the above process
Issues or the problem I am facing :
1) The first half of the form with other Kendo UI controls are posting their values properly to the controller, but where as
the Kendo UI Grid is having some problems posting some column values
a) The columns in the Kendo UI Grid with the datatype decimal is not posting the values
b) The EditorTemplate controls like the CheckBox and the kendo dropdown when selected shows the values "[Object Object]" for dropdownlist
and the actual value of the boolean rather than the checkbox control.
Here is the project and attaching the same.
Please refer the /Views/Index view page for the above mentioned.
I have a requirement where shortYearCutOff has to be 29, but its hardcoded as 30 in Kendo UI.
$("#sampleDate").kendoDatePicker({
format: "MM/dd/yyyy",
parseFormats: ["MMddyy"]
});
Here is the condition how it works:
If yy <= zz, then automatically substituted by year 20YY
If yy > zz, then automatically substituted by year 19YY
Where zz – shortYearCutOff (it’s a local variable which is used in function parseExact())
Input |
Output |
Expected Output where shortYearCutOff=29 |
031329 |
03/13/2029 |
03/13/2029 |
options.save = function (e) {
widget.save.call(viewModel, e.model.toJSON(), function () {
e.preventDefault();
});
};
widget.options.save = function (e) {
$.when(widget.save.call(viewModel, e.model.toJSON())).then().fail(function () {
kendoGrid.cancelChanges();
});
};
//Handle the search 'GO' button click event
this.doItemSearch =
function
() {
//this selector grabs the search criteria
if
($(
'#searchCriteria'
).val() !=
''
) {
if
(dataSource)
dataSource.read();
else
initdataSource();
if
(listView) {
//Do nothing
}
else
{
listView = $(
"#myListView"
).kendoMobileListView({
dataSource: dataSource,
template: $(
"#myTemplate"
).text(),
endlessScroll:
true
,
scrollTreshold: 30
//treshold in pixels
});
}
}
}