or
3 answers
301 views
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
Kiril Nikolov
Telerik team
answered
on
11 Nov 2015
1 answer
179 views
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?
Dimitar Terziev
Telerik team
answered
on
11 Nov 2015
1 answer
206 views
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.
Alexander Popov
Telerik team
answered
on
11 Nov 2015
1 answer
138 views
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.
Nikolay Rusev
Telerik team
answered
on
11 Nov 2015
4 answers
98 views
in stacked column charts, is it possible to create multiple stacks( let's say 2) within a stack in a column ?
1 answer
53 views
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>
Iliana Dyankova
Telerik team
answered
on
10 Nov 2015
1 answer
192 views
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
Iliana Dyankova
Telerik team
answered
on
10 Nov 2015
6 answers
225 views
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
2 answers
229 views
Is there a way of using the createChild event for certain rows based on the value of a column. I have a treelist that contains folders and subfolders which in turn contain rows designated as "files". For these "file" rows we do not need to create a child within them. We have a type column and if the value is set to 1 we should not enable the createChild event. Thanks
1 answer
502 views
Kendo UI version: v2015.3.930
AngularJS version: 1.4.7
JQuery version: 2.1.0
I have the following treeview defined in html:
<div kendo-tree-view k-options="kendoTreeOptions" k-rebind="kendoTreeOptions"></div>and it shows up fine. The initial load of data happens in the read of the HierarchicalDataSource. see attachment 1
The problem occurs when I try to load the children on demand. All that happens is that the arrow disappears (see attachment 2). In looking at the Chrome Network tool there is no request being made to get any children and no errors showing up in the console.
Here is the tree options I am using:
{ loadOnDemand: true, dataTextField: "title", dataImageUrlField: "imageUrl", dataSource: new kendo.data.HierarchicalDataSource({ transport: { read: { url: "../api/ctl1/getTreeData2", dataType: "json", type: "GET", data: () => { return { caseId: !this.treeHasSelectedNode() ? null : this.getSelectedNodeCaseId(), entityId: !this.treeHasSelectedNode() ? null : this.getSelectedNodeKey(), location: !this.treeHasSelectedNode() ? null : this.getSelectedNodeLocation(), createdById: !this.treeHasSelectedNode() ? null : this.getSelectedNodeOwnerId(), isDraggableDroppable: !this.treeHasSelectedNode() ? null : this.getSelectedNodeIsDraggableDroppable(), }; } }, schema: { model: { hasChildren: "hasChildren", children: "children", id: "key" } } }, requestStart: (e) => { console.log("request started"); }, requestEnd: (e) => { var response = e.response; var type = e.type; console.log(type); console.log(response); } })}and here is what my initial data load is:
[{ "$type": "TreeItem", "unselectable": false, "extraClasses": null, "nodeType": null, "customObject": { "entityType": "Case", "location": "", "owner": "1000", "caseId": "1", "isDraggableDroppable": "False" }, "title": "p1", "tooltip": null, "key": "1:1:1", "lazy": true, "expanded": false, "selected": false, "children": [], "folder": true, "hideCheckbox": false, "data": null, "path": null, "refKey": null, "parentId": "-1", "imageUrl": "../app/images/folder_standard.png", "hasChildren": true}, { "$type": "TreeItem", "unselectable": false, "extraClasses": null, "nodeType": null, "customObject": { "entityType": "User", "location": "//trtr/Share/dfas/fasdf/1000", "owner": "1000", "caseId": "", "isDraggableDroppable": "True" }, "title": "My Dropspace", "tooltip": null, "key": "0:-25:", "lazy": true, "expanded": false, "selected": false, "children": [], "folder": true, "hideCheckbox": false, "data": null, "path": null, "refKey": null, "parentId": "-1", "imageUrl": "../app/images/folder_standard.png", "hasChildren": true}, { "$type": "TreeItem", "unselectable": false, "extraClasses": null, "nodeType": null, "customObject": { "entityType": "User", "location": "", "owner": "1000", "caseId": "", "isDraggableDroppable": "True" }, "title": "Shared with me", "tooltip": null, "key": "0:-50:", "lazy": false, "expanded": false, "selected": false, "children": null, "folder": true, "hideCheckbox": false, "data": null, "path": null, "refKey": null, "parentId": "-1", "imageUrl": "../app/images/folder_standard.png", "hasChildren": false}]Am I doing something wrong? Isn't the HierarchicalDataSource supposed to handle getting the children data for me?
Konstantin Dikov
Telerik team
answered
on
10 Nov 2015
