Team ,
Please help us to add a new row in header or footer section in week view of a scheduler.
Thanks in advance.
Hello,
We are trying to build a 3 level grid with batch edit on all 3 grids. However we would like to [save changes] command button on the top level parent's toolbar to save all pending changes on all grids. We were able to achieve this functionality as long as all child grids are still expanded. When we edit a record on child record and collapse, the below code does not work .
$(".k-widget.k-grid").each(function (index, value) {
var grid = $(this).data("kendoGrid");
grid.saveChanges();
//grid.dataSource.sync();
});
I am attaching index.html for your reference
Thanks,
Sai
Hello,
How to avoid auto calculation of percentComplete in all parent tasks?
Example http://dojo.telerik.com/UYAxe/2. When I change percent complete of "Subtask 1" or "Subtask 2" I do not want percent complete in "Task1" to be changed. How to achieve such behaviour?
Hello,
I am looking for a way to switch on/off cascading programmatically
in DropDownList. I am sure there is better way to do it, rather than
reinitialize control every time:
if (chkDept.is(':checked'))
{
$("#ddUser").kendoDropDownList({
cascadeFrom: "ddDepartment",
cascadeFromField: "refId",
dataSource: dataAllUsers,
dataTextField: "text",
dataValueField: "value"
});
}
else {
$("#ddUser").kendoDropDownList({
dataSource: dataDeptUser,
dataTextField: "text",
dataValueField: "value"
});
}
Thank you.
I tried to use TreeList with mvc5.
kendoUI:
.kendoTreeList({
dataSource: {
type: "aspnetmvc-ajax",
transport: {
read: {
url: "/Common/CommonProductBomInfo",
type: "POST",
data: { ProductBom: GA.current.dialog.param },
},
//parameterMap: function (options, operation) {
// if (operation !== "read" && options.models) {
// return { models: kendo.stringify(options.models) };
// }
//}
},
schema: {
//data: "Data",
//total: "Total",
//errors: "Errors",
model: {
id: "id",
parentId: "parentId",
fields: {
id: { type: "string", nullable: false },
parentId: { type: "string", nullable: true }
},
expanded: true
}
}
},
filterable: true,
sortable: true,
height:490,
toolbar: ['excel'],
columns: [
{ field: "Part_Code", title: "PartCode", width: 200 },
{ field: "Part_Name", title: "PartName", width: 160 },
{ field: "Part_Size", title: "PartSize", width: 120 },
{ field: "Part_Model", title: 'PartModel', width: 120 },
{ field: "Part_Material", title: 'PartMaterial', width: 140 }
]
});
MVC:
DataSourceResult result = Business.CommonProductBom(Guid.Parse(ProductBom)).ToDataSourceResult(request);
return Json(result);
It is not working well.
Its ok the Telerik widgets come also with its own CSS styles. I have the requirement to add a left-padding on a autocomplete widget but doing so the widget shows weird displaced items on screen. I have prepared a simple example you can try right away:
It does the padding as you can see when clicking on the input textbox. But there is a grey area in the background that looks displaced. Any reasons why and how I can fix it?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.930/js/kendo.all.min.js"></script>
</head>
<body>
<div id="autocompletediv">
<input id="autocomplete" name="autocomplete" class="b_shadowrightdown" style="padding-left:20px;">
</div>
<script>
$("#autocomplete").kendoAutoComplete({
dataSource: {
data: ["One", "Two"]
}
});
</script>
</body>
</html>
Its ok the Telerik widgets come also with its own CSS styles. I have the requirement to add a left-padding on a autocomplete widget but doing so the widget shows weird displaced items on screen. I have prepared a simple example you can try right away:
It does the padding as you can see when clicking on the input textbox. But there is a grey area in the background that looks displaced. Any reasons why and how I can fix it?
<!DOCTYPE html><br><html><br><head><br> <meta charset="utf-8"><br> <title>Kendo UI Snippet</title><br><br> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.common.min.css"><br> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.rtl.min.css"><br> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.default.min.css"><br> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.dataviz.min.css"><br> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.dataviz.default.min.css"><br> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.mobile.all.min.css"><br><br> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><br> <script src="http://kendo.cdn.telerik.com/2015.3.930/js/kendo.all.min.js"></script><br></head><br><body><br> <br><div id="autocompletediv"><br><input id="autocomplete" name="autocomplete" class="b_shadowrightdown" style="padding-left:20px;"><br></div><br><br><script><br>$("#autocomplete").kendoAutoComplete({<br> dataSource: {<br> data: ["One", "Two"]<br> }<br>});<br><br></script><br></body><br></html>Kind Regards
Hi,
I am using your scheduler component and the user can create different types of events. They are polymorphic events, meaning the main data is stored in an 'event' table and depending on the type of event other data is stored in other tables. Therefore I would like to know how it is possible to send different create action depending on the event type.
The website has been built in steps and the events are being created using different forms. I plan to, have a custom template from which the user can select an event type and then enter the rest of the information. The only bit i am unsure of is posting to different URLs.
Any help will be greatly appreciated
Ta