
Hello,
When a set a column to locked in my Kendo Grid , all grid come small like attchment.
i used this exemple code :
$("#grid").kendoGrid({
height: 540,
sortable: true,
reorderable: true,
resizable: true,
filterable: true,
columnMenu: true,
pageable: true,
columns: [
{ locked: true, field: "id", width: 200 },
{ field: "name", width: 800 }
],
dataSource: [{ id: 1, name: "Jane Doe" }, { id: 2, name: "John Doe" }]
});
Thanks for help.
hello every body.
i have a multiselect widget which i want to have fixed height and if items are more than the width , it should scroll vertically instead of increasing height size.
i used this css class and everything is fine in chrome. it has a vertical scroll bar.
.k-multiselect-wrap{height:30px;overflow:auto}
but when i open my project in firefox the scrollbar is not there , and i just can scroll vertically with mouse wheel.
could you please help me to fix this issue ?
Hello.
I have a task, with a long name(screenshot-1.png), and i show it with tooltip, like in screenshot-2.png. But in pdf i can't see its full name(screenshot-3.png). Can I do the same in pdf?

Need to prevent closing dropdown popup, when user scrolls the page.
Movie to explain the issue. https://drive.google.com/a/productiveedge.com/file/d/0Bzruk8_x7z70TnFaNVdxYXpiSzg/edit
In fact, dropdown should be closed only by user click on opened autocomplete again.
Result should be like the dropdowns on this page. http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp
Thanks in advance.

Hi,
I am facing an odd behavior with the kendo grid menu datetimepicker filter.
Replication (link https://dojo.telerik.com/aFOMARUq):
1- Filter the grid using the "Start" column (select any date or time).
2- Save grid state.
3- Load the grid state.
Check the "Start" column filter.
Observed behavior: the time picker is no longer displayed.
Is there something I am missing? any help or suggestions are much appreciated.
Hi all,
I tried using various code snippets for implementing this particular functionality of creating a new row when you press enter key WHILE YOU ARE EDITING in a particular cell.
$(document).on('keypress','body',function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
grid.addRow();
}
});​
The above code worked when you simply press enter key, but when you're editing a cell and pressing enter key, it did not create a new row.
I want to create a new row when you press enter key while editing a particular cell.
It would be really great if someone can help me regarding this.
Thanks in advance.

I have many grids with a multiple columns that are filtered by a multiple checkboxes - just like excel data filtering (using Asp.Net MVC):
columns.Bound(m => m.Status).Groupable(true).Filterable(ftb => ftb.Multi(true)); But items in the checkbox list appear in the random order. On a multiple occasions different clients in different projects asked if these can be sorted alphabetically.
I know I can provide my own list with `.DataSource()` and point to an endpoint that provides the data and that worked for me before on a small scale.
But now I have about 40 grids with average of 3 columns filtered in this fashion and creating 120 endpoints is just not going to fly.
Is there any better way to force sort order on checkbox items?

My combobox
01.function userNameEditor(container, options) {02. debugger;03. var gridDataSource = new kendo.data.DataSource({04. transport: {05. read: {06. url: '../Warehouse/SearchUser',07. dataType: "json"08. },09. success: function(e) {10. debugger;11. },12. error: function (e) {13. debugger;14. }15. }16. });17. var cmb=$('<input name="' + options.field + '"/>')18. .appendTo(container)19. .kendoComboBox({20. autoBind: false,21. dataTextField: "UserFullName",22. dataValueField: "Id",23. filter: "contains",24. minLength: 3,25. dataSource: gridDataSource,26. filtering: function (e) {27. 28. var filter = e.filter;29. gridDataSource.read({ userSearchText: filter.value });30. //dataSource.filter({ userSearchText: filter.value });31. },32. dataBound: function (e) {33. debugger;34. var equipmentData = e.sender.dataSource.data();35. 36. 37. $.each(equipmentData, function (index, selectedEquipmentData) {38. var dataItem = e.sender.dataSource.at(index);39. 40. });41. },42. select: function(e) {43. debugger;44. this.refresh();45. },46. complete: function(e) {47. debugger;48. },49. error: function(e) {50. debugger;51. }52. }).data('kendoComboBox');53. cmb.refresh();54. 69.};
I have one inline grid my grid have one column user combobox.I click update see error "Uncaught TypeError: Cannot use 'in' operator to search for 'RelId' in null" but I cant understand can you help me little?
My Grid
01.var grid = new BaseGrid('grdWarehouse_OnWarehouseUserRelation');02. grid._batch = false;03. grid._dataSourceAutoSync = false;04. grid._autoBind = false;05. grid._toolbar = ['create'/*, 'save', 'cancel'*/];06. 07. grid._editable = {08. mode: "inline",09. create: true,10. update: true,11. destroy: true,12. 13. };14. 15. grid._schemaMethod = {16. model: {17. id: 'RelId',18. fields: {19. RelId: { editable: false, type: "string" },20. User: { defaultValue: { Id: '', UserFullName: '' } },21. }22. }23. };24. 25. grid._columns.push(grid.GridColumn('RelId', null, '200px', null, null, null, null, null, null, null, true));26. grid._columns.push(grid.GridColumn('User', 'User', '200px', null,"#=User.UserFullName#", null, null, null, null, null, null, null, null, null, userNameEditor));27. grid._columns.push(grid.GridColumn(null, ' ', '200px', { style: 'text-align:right' }, null, null, null, null, null, null, null, null, null, ['edit', 'destroy']));28. 29. grid._cancelMethod = function (e) {30. var uid = $("#grdWarehouse_OnWarehouseUserRelation").data("kendoGrid").dataItem($(e.container).closest("tr")).uid31. dataSource = $("#grdWarehouse_OnWarehouseUserRelation").data("kendoGrid").dataSource32. var item = dataSource.getByUid(uid);33. dataSource.cancelChanges(item);34. };35. 36. grid._removeMethod = function (e) {37. debugger;38. 39. DeleteWarehouseUserRelation(e.model.Id);40. e.model.IsActive = false;41. e.preventDefault();42. var uid = e.model.uid43. dataSource = $("#grdWarehouse_OnWarehouseUserRelation").data("kendoGrid").dataSource44. var item = dataSource.getByUid(uid);45. 46. dataSource.cancelChanges(item);47. 48. 49. KendoData('grdWarehouse_OnWarehouseUserRelation').refresh();50. };51. 52. grid._updateMethod = function (e) {53. 54. debugger;55. };56. grid._createMethod = function (item) {57. 58. debugger;59. var error = SameWarehouseUserReleationError();60. 61. if (error == true) {62. CreateWarehouseUserReleation(item.data.User.Id);63. }64. 65. 66. KendoData('grdWarehouse_OnWarehouseUserRelation').refresh();67. };68. grid._dataBoundMethod = function (e) {69. 70. $("#grdWarehouse_OnWarehouseUserRelation tbody tr .k-grid-edit").each(function () {71. 72. var currentDataItem = $("#grdWarehouse_OnWarehouseUserRelation").data("kendoGrid").dataItem($(this).closest("tr"));73. 74. $(this).remove();75. 76. });77. 78. e.sender.items().each(function () {79. var dataItem = e.sender.dataItem(this);80. kendo.bind(this, dataItem);81. });82. };83. 84. grid.GetGrid();