I have a grid which i need to open as editable and i am showing all fields and columns with editable controls.in this case i am showing html5 dropdown . How can i change it to Kendo Dropdown list?
Please advise.
title: "Licensed/UnLicensed",
template: function (dataItem) {
if (dataItem.InputControl === "DropDown") {
var cntrls = '<div class="col-xs-4"><select class="form-control input-sm" id ="selval' + dataItem.CarePointID + ' " data-bind="value:FormVal"';
if (dataItem.Mandatory)
cntrls += ' required ';
cntrls += ' tabindex= "' + dataItem.CntrlTabIndex + '" ';
cntrls += ' >';
if (questOptions.length > 0) {
cntrls += '<option value="" >Select value</option>';
$.each(questOptions, function (opnum, opObj) {
var cntrl = '<option value="' + opObj.DropDownValue + '">' + opObj.DropDownText + '</option>';
cntrls += cntrl;
});
cntrls += "</select></div>";
}
return cntrls;
}
}
i want to change the axis-gird to the kendo-grid in the controller add
{{key: "sttsNm", label:"status" ,width:140 ,fomatter: function(){
return(jsonpath($scope.codeData, "$.sttsCd[?(@.dataCd =='" + this.item.sttsCd + '")].strProp")+
"").trim();}};
i want to change the template of kendo grid how do i change it?
Hi,
I am new to the Kendo U, and I am trying to build the app using UI calendar with Angular JS. Please help me with the solution.
Is it possible to disable the weekends of the particular month. For example, I am using april month. In here I need to disable the weekends and some days also, like 15 and 16 dates. Please provide the solution on how to achieve it. sample given below.
Your solution will help me with the product.
http://dojo.telerik.com/oMoDU/4
Regards,
Dhinesh R
Hello
On my column chart I have prevented hiding default behavior when clicking on a legend item. Instead of that I highlight the serie with chart.toggleHighlight method. Now I'd like to display bold the item corresponding to highlithed serie. I have been looking for a solution for hours unsuccessfully. Can you help me ?
Thanks
Rank 1
When exporting to Excel, if the spreadsheet has any validation (using range.validation(string here)) then the Export fails to open in Excel 365. Error message is below:
<?xml version="1.0" encoding="UTF-8"
standalone="true"?>
-<recoveryLog xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main">
<logFileName>error113640_02.xml</logFileName>
<summary>Errors were detected in file
'C:\Users\freemand\Downloads\CurrentStageSkuLine.xlsx'</summary>
-<removedFeatures summary="Following is a list of
removed features:">
<removedFeature>Removed Feature: Data validatin from
/xl/worksheets/sheet1.xml part</removedFeature>
</removedFeatures>
</recoveryLog>
Currently we get around this, by removing all the range.validation before we export and then add it back afterwards. However this is incredibly slow (over 15 seconds, when the spreadsheet has only 3 rows populated).
Thanks
Marc
The treeview is currently configured to load on demand.
Scenario is this I need to be able to refresh a node (ask database) due to one of the following actions from a user:
1. Adding of a new node under currently selected item.
2. Deleting of a node that is the currently selected item.
3. Updating the name of the currently selected item.
I have this working however if the selected node is expanded and all nodes below are expanded also - the state of the branch up to the selected node is retained but the nodes past the selected node are now collapsed after a reload of the selected node. (In the case of the delete - I refresh the parent node).
Is there a way to maintain the state of the branches so that a refresh does not collapse the branch below the refresh point?
If my description is insufficient I can explain with a more specific scenario and include screen shots.
Hello, i'm implementing a grid with filters in angular 4.0 using Kendo-ui-angular.
I been trying to automatically bind my source of data (API) into the grid data like so:
Service for the API:
public query(state: any): void { this.getAll(state) .subscribe(x => super.next(x)); }private getAll(state: any): Observable<GridDataResult> { return this.http .post(this.BASE_URL + 'getall', state) .map(response => response.json()) .map(response => (<GridDataResult>{ data: response.result.data, total: response.result.total })); }
And my component:
public ngAfterViewInit(): void { this.grid.dataStateChange .do(({ skip, take }: DataStateChangeEvent) => { this.gridConfig.skip = skip; this.gridConfig.pageSize = take; }) .do(x => console.log(x)) .subscribe(x => this.hrtypeService.query(x)); }
My view:
<kendo-grid[data]="listHrType | async" [pageSize]="gridConfig.pageSize" [scrollable]="'virtual'" [skip]="gridConfig.skip"[sort]="gridConfig.sort"[rowHeight]="15"[height]="300" [selectable]="true"[filter]="gridConfig.filter"[filterable]="true"[groupable]="gridConfig.groupable" >But i'm having an issue with the filters, everytime i try to filter one of the columns, the object returns just one single colum, and overlaps the remaining one's.
i add 1 filter to the field test_1 and i get
field: "teste_1"operator:"contains"value:"teste_value_1"and once i fill out test_2 with a second filter, it overwrites the first object in the array, instead of adding a second filter
field: "teste_2"operator:"contains"value:"teste_value_2"Opposed to
[field: "teste_1"operator:"contains"value:"teste_value_1"][field: "teste_2"operator:"contains"value:"teste_value_2"]
I'm not manipulating the data, just return what i get from the kendo-ui into my API, what configuration did i missuse?
Apologies beforehead if i made my issue unclear.
Is the Spreadsheet component compatible with DataSource objects configured for WebApi requests? The transport properties for updating records don't see to be triggered when I update a row etc. Are there examples available on github or elsewhere?
Regards
