I made a simple TreeList.
The data from the server is simple JSON array.
[{"Description":"111","id":1,"Name":"CEO"},{"Description":"222","id":2,"parentId":1,"Name":"Jane"},{"Description":"333","id":3,"Name":"Tom"},{"Description":"444","id":4,"Name":"Susan"}]
TreeList java script code is below but this always display "No records to display"
When I remove "model" object under "schema" in DataSource It works well.
I don't know what is the problem.
Please help me to solve this proble.
var dataSource = new kendo.data.TreeListDataSource({
transport : {
read : {
url: "ReadAsset",
dataType: "json"
}
},
schema: {
model: {
id: "id",
parentId: "parentId",
expanded: true
}
}
});
$("#treelist").kendoTreeList({
dataSource: dataSource,
height: "99%",
columns: [
{ field: "Name" },
{ field: "Description" }
]
});
rootNode = myTreeView.append({ text: "MyRoot" }, null);subNode = myTreeView.append({ text: "MySubNode" }, rootNode);
myTreeView.append({ text: "MyThirdLevelNode1" }, subNode);myTreeView.append({ text: "MyThirdLevelNode2" }, subNode);MyMenu.append('<li id="RootMenuItem" class="k-item">MyRootItem</li>');MyMenu.append('<li id="MySubItem" class="k-item">SubItem</li>', $("#RootMenuItem"));

Hi,
I have a Grid that is generated dynamically in javascript.
The columns are parametered on the server and I received the configuration in Json. Then I build the Grid as scrollable by default because I can't determine it.
On "databound", I used the "autofit" function to resize each columns. But sometimes, the table width is bigger than the sum of the columns'width and I would like to dispatch the empty width on each columns.
So, is it possible to resize a column dynamically by setting its width such like that ?
myGrid.columns[0].setWidth("500px");
Is it possible to dynamically change the behaviour of a scrollable Grid to a non scrollable Grid ( so that column resizing behaves like if it was initially configured as non scrollable ) ?
Thanks for your help,
Regards
Hi,
I have a problem related to pdf export. If exported view is too long, it's not visible in pdf, and I must zoom it for looking smth (see pdf-export.png). Can I do smth, for example export pdf already zoomed in, and zoom it out if needed?
Hi, I set the pageSize option on the grid, but I'm having a hard time because it's not shown on the screen.
So I can't see the page selection drop-down even though I deactivated all my csss and enabled only the css and js related to kendo.
What should I check to solve this problem?
I will attach my current screen and my grid creation code.
Help me...
$("#dataTable").kendoGrid({
sortable: true,
selectable: true,
groupable: false,
scrollable: true,
dataSource: {
data: [],
pageSize : 10
},
pageable: {
pageSizes: [10,50,100]
},
columns: [
{ title: "No", attributes:{style: "text-align: center"}, template: "#= renderNumber(data) #", width: "50px"},
{ field: "id", title: "SEQ", width: "130px", hidden:true},
{ field: "registDt", title: "일시", width: "160px", attributes:{style: "text-align: center"}, template: '#=registDt==null?" ":new Date(registDt).getDateTime()#' },
],
//dataBound: resetRowNumber,
});


I am updating an older site running AngularJS and Kendo in Asp.Net MVC
My html Form has this control that is posted to the back end:
@using (Html.BeginForm( new { name = "frmMain", novalidate = "", id = "frmMain" })) <input kendo-date-picker ng-model=".BiWeeklyStartDate"k-parse-formats="['yyyy-MM-dd']"k-format="'yyyy-MM-dd'"/></p>The date that is posted to the backend is a full date. How can I change that so that the Kendo Control sends "yyyy-MM-dd" to the backend only?
Hi,
Is there any way to control the delete button which is displayed by using the {command: 'destroy',title:"Action", width:"20px",attributes: {"class": "delete-row"}
It is doing the necessary thing right, that is deleting a row, but i would like to control it such a way that if there's only one row remaining in that particular grid, it should alert or display a message saying that you will not be able to delete it.
If there are more than one rows then, its ok. But if there is only 1 row remaining, I wanted to handle this.
Can you please tell me a method for doing so?
Thank you.

This is my func userNameAutoCompleteEditor
function userNameAutoCompleteEditor(container, options) { $('<input required data-bind="value:' + options.field + '"/>') .appendTo(container) .kendoAutoComplete({ dataTextField: "UserName", dataValueField: "UserId", filter: "contains", minLength: 3, //_readMethod: '../Warehouse/SearchUser', dataSource: new kendo.data.DataSource({ transport: { read: { url: '../Warehouse/SearchUser', //data: { // q: function () { // return $("#autoComplete").data("kendoAutoComplete").value(); // }, // maxRows: 10, // username: "demo" //} } }, }), });}
"" " I want to Catch autosearc value go connroller and come back with user name contains value just give me way to take value PLEASE!!!!""
This is my grid column area
grid._columns.push(grid.GridColumn('Id', null, '200px', null, null, null, null, null, null, null, true));grid._columns.push(grid.GridColumn('User', 'User', '200px', null, "#=User.UserName#", null, null, null, null, null, null, null, null, null, userNameAutoCompleteEditor));grid._columns.push(grid.GridColumn(null, ' ', '200px', { style: 'text-align:right' }, null, null, null, null, null, null, null, null, null, ['edit', 'destroy']));