I have a Kendo UI treeview which contains some node that i load children on expand by firing a ajax call and returning a data array. This works fine and i get the data and it binds to the tree.
However the issue occurs after the first expand of a node, when i expand the node first time the tree behaves correctly and everything is fine, however if i collapse and expand the node again the tree does not push the other nodes down and the expanded node overlaps all other icons in tree.
Here is the code that i use to build the tree
01.
$(
'#all-library-tree'
).kendoTreeView({
02.
loadOnDemand:
true
,
03.
dataSource: _masterTreeViewMasterObj.sort().reverse(),
04.
expand:
function
(e) {
05.
var
treeView = $(
'#all-library-tree'
).data(
'kendoTreeView'
);
06.
var
dataItem = treeView.dataItem(e.node);
07.
dataItem.load();
08.
09.
if
(dataItem.children.data().length !== 0)
return
;
10.
11.
12.
if
(dataItem.id === -1) {
13.
//get unused data
14.
GetUnUsedChildrenForRHSTree(dataItem.text, dataItem.children);
15.
}
16.
17.
}
18.
});
Hi,
I am currently using the <A href> tag button as a template feature for column cells.
I want the button and the value I entered directly in this cell to be displayed at the same time.
[Value {button}]
Think of {} as a button.
The ideal solution is
[Value | {button}]
I want to have a value and a button area in one cell.
No matter how long the value is, it must not extend beyond the button area.
But the most important thing is to make the value visible first.
The current value is entered, but because the transparent area of the small button covers the entire cell (which is my reasoning), the value is hidden and invisible.
(Click the cell for correction and you will see the value. If it goes out of focus, it will be hidden again.)
How can we solve this?
columns: [
{selectable: true, width: "35px"},
{field: 'fnProdInOutSeq', hidden: true},
{field: 'lotNo', title: '입고 Lot', width: 100},
{field: 'prodNm', title: '품명', width: 100,
template:
"<
a
href
=
'javascript:'
class=\"k-icon k-i-search\"
onclick
=
'return fnObj.gridView03.gridFn.searchComp(\"#= prodNo #\")'
style
=
'float:right'
> </
a
>"
}
]
Hi All,
Is there a way to make the control just have "one" drop-down that allows the date and time to be picker in one go? Or do we have to create our own?
Thanks,
Andy
I've got a navigation menu , and under it a workspace. Any button pressed in the menu will open a kendo window in the workspace. I don't want the windows to cover the menu and thus placed the windows with a contain property to workspace div. However I want the windows to be placed anywhere under the menu. I want a scroll bar to appear when the window is being dragged outside of the workspace. I have overflow: scroll set in the workspace div but the windows cannot be dragged beyond the workspace.
I've placed how my window is made.
function
onClose(e) {<br>
if
(confirm(
"Are you sure? All form data will be lost."
) ==
false
)<br> e.preventDefault();<br>
else
{<br><br> secWindow.data(
"kendoWindow"
).destroy();<br> secWindow.remove();<br> }<br> }<br>
var
formName = event.target.id +
"form.aspx"
<br> secWindow.kendoWindow({<br> width:
"600px"
,<br> content: formName,<br> title: windowTitle,<br> appendto:
'#content'
,<br> draggable: {<br> containment:
'#content'
<br> },<br> visible:
false
,<br> actions: [<br>
"Pin"
,<br>
"Refresh"
,<br>
"Minimize"
,<br>
"Maximize"
,<br>
"Close"
<br> ],<br> close: onClose<br> }).data(
"kendoWindow"
);<br> secWindow.data(
"kendoWindow"
).center().open();<br> setInterval(
function
(e) { secWindow.data(
"kendoWindow"
).refresh(formName) }, 60000);
Hello,
I am using a client-side solution to export kendo grid data to Excel. I would like to be able to include line breaks within each cell. \r, \n, <br />, and don't work. Here's some sample code:
// ...
excelExport: function (e) {
var sheet = e.workbook.sheets[0];
var skillsIndex = 0;
// First row. Find the skills column, and set the index.
for (var i = 0; i < sheet.rows[0].cells.length; i++)
{
if (sheet.rows[0].cells[i].value == "Skills")
{
skillsIndex = i;
break;
}
}
for (var j = 1; j < sheet.rows.length; j++)
{
sheet.rows[j].cells[skillsIndex].value = "We got skills!";
// doesn't break the line between got and skills -- how to do so?
}
}
// ...
Thank you for any help you can provide!
Hello,
I would know how to expand a row on column click but I've a custom function on expand and It's not working.
The row expand well with ".collapse(row)" but the custom function I've defined in :
expand: function(e){
setTimeout(function(){
customExpandFunction(e);
}, 20);
},
only works when I click on treelist expand icon.
Is there a way to make this works ?
PS : sorry for my english, I'm french