Hello,
I try to test Spreadsheet/Server Import/Export DEMO sample (https://demos.telerik.com/aspnet-mvc/spreadsheet/server-side-import-export?_ga=2.260585796.857884645.1576085626-503251310.1571757701) and use certain functions in our MVC project but turned out got 'MimeTypes' does not exist in namespace error. Does that dll not included in Kendo UI or it only included in recent version? I also try to use Telerik.Windows.Documents.Spreadsheet.FormatProviders.OpenXml.dll but nowhere to find it.
Could I get someone's help? Thanks.
Hi All,
How to change pager buttons style. Please see image attached
Any additional code? Im using this
.Pageable(pageable => pageable
.PageSizes(true)
.ButtonCount(2))
Thanks!
Ryan
Hi All,
How can I make my add button and search alignItem = space in between
Wanted to make add button placed at left corner and the search on the right corner of the toolbar.
Search position is okay but cant set the add button be on the left corner.
Please see pic attached
.ToolBar(toolbar =>
{
toolbar.Create();
toolbar.Search();
})
Thanks!
Ryan
Hi All,
How to remove cell border on my footer template
please see attached
columns.Bound(column => column.Email).ClientFooterTemplate("<
input
id
=
'dropDownList'
></
input
>");
columns.Bound(column => column.FirstName).Width(130);
columns.Bound(column => column.LastName).Width(130);
Thanks,
Ryan
I have a combobox that has to display very many rows so I have decided to use virtual. Now I have to display for each row 6 fields in a table and I saw there was an example https://docs.telerik.com/kendo-ui/knowledge-base/dropdownlist-with-embedded-table. After playing around and trying to make it work I saw in the documentation that Combobox auto-width does not work with virtual.
Is there an alternative to this?
I tried to set myself the width of the popup but for some reason the kendo ui code changes it back or the display ignores the value.
I don't see where Client Filtering must have LoadOnDemand set to false, but I am guessing it would, correct?
Or does it simply filter on what has been sent down to the client?
I mean how could you search on something not yet loaded?
Hello,
I have kendo treeview in my MVC project. Treeview context menu
was showed well in IE by right mouse clicking, but in Firefox the treeview context
menu was covered by page default context menu. Could someone have the tip to resolve
the context menu issue with Firefox? Below
are pieces of code for context menu. Attached image is context menu showed in
IE and Firefox.
Thanks in advance.
...
function
CreateContextMenu(targetTree) {
var
cxtMenuUl = $('#treeViewContextMenu');
cxtMenuUl.css("white-space", "nowrap");
if
(cxtMenuUl) {
cxtMenuUl.kendoContextMenu({
//
listen to right-clicks on treeview container
target: targetTree,
dataSource: getContextData(),
orientation:
"vertical",
select: selectFolderContextMenu,
filter: ".k-state-selected",
open: onOpenLeftContextMenu
});
}
}
function
getContextData () {
var data =
[{ text: 'Delete', attr: { id: 'delete' } },
{
text: "", cssClass: "k-separator" },
{
text: 'Rename', attr: { id: 'rename' } },
{
text: "", cssClass: "k-separator" },
{
text: 'New Folder', attr: { id: 'newfolder' } },
{
text: "", cssClass: "k-separator" },
{
text: 'Upload', attr: { id: 'upload' } }];
return
data;
}
...
I have to make a grid column filterable multi true but column is bind with List<string>. As per my knowledge it works for primitive data type. Action method contains sample dataset.
My requirement is Tags column should display each tag with comma separated and OS column should display with combination of package name and version.
Same as attached image grid.PNG
But my current code produce output like output.PNG
How can i achieve my desire result.
Please help.
Thanks in advance!!!
Here is my controller code:
public
ActionResult GetComputers([DataSourceRequest]DataSourceRequest request)
{
List<
string
> tags1 =
new
List<
string
>();
tags1.Add(
"T1"
);
tags1.Add(
"T2"
);
tags1.Add(
"T3"
);
List<
string
> tags2 =
new
List<
string
>();
tags2.Add(
"T3"
);
tags2.Add(
"T2"
);
tags2.Add(
"T4"
);
List<
string
> tags3 =
new
List<
string
>();
tags3.Add(
"T1"
);
tags3.Add(
"T2"
);
tags3.Add(
"T4"
);
List<VarianProduct> prodcut1 =
new
List<VarianProduct>()
{
new
VarianProduct(){Name =
"Aria"
, Version =
"12.2"
},
new
VarianProduct(){Name =
"Eclipse"
, Version =
"12.2"
}
};
List<VarianProduct> prodcut2 =
new
List<VarianProduct>()
{
new
VarianProduct(){Name =
"Aria"
, Version =
"12.2"
},
new
VarianProduct(){Name =
"Eclipse"
, Version =
"12.2"
}
};
List<VarianProduct> prodcut3 =
new
List<VarianProduct>()
{
new
VarianProduct(){Name =
"Aria"
, Version =
"12.2"
},
new
VarianProduct(){Name =
"Eclipse"
, Version =
"12.2"
}
};
List<VarianProduct> prodcut4 =
new
List<VarianProduct>()
{
new
VarianProduct(){Name =
"Aria"
, Version =
"12.2"
},
new
VarianProduct(){Name =
"Eclipse"
, Version =
"12.2"
}
};
List<ComputerViewModel> list =
new
List<ComputerViewModel>()
{
new
ComputerViewModel{Id = 1, HostName =
"abc1"
, OS =
"Windows xp"
, Tags = tags1, Products = prodcut1 },
new
ComputerViewModel{Id = 2, HostName =
"abc3"
, OS =
"Windows xp"
, Tags = tags2, Products = prodcut2},
new
ComputerViewModel{Id = 3, HostName =
"abc2"
, OS =
"Windows 7"
, Tags = tags3, Products = prodcut3},
new
ComputerViewModel{Id = 4, HostName =
"abc4"
, OS =
"Windows 10"
, Tags = tags1, Products = prodcut4}
}
return
Json(list.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
Here is my index.cshtm
@(Html.Kendo().Grid<ComputerViewModel>()
.Name(
"InventoryGrid"
)
.Columns(columns =>
{
columns.Bound(c => c.HostName).Filterable(ftb => ftb.Multi(
true
).Search(
true
));
columns.Bound(c => c.Tags).Template(@<text>@string.Join(", ", item.Tags)</text>).Filterable(ftb => ftb.Multi(true));
columns.Bound(c => c.OS);
columns.Bound(c => c.Products).Template(@<text> @
string
.Join(
", "
, item.Products.Select(p =>
string
.Join(
"-"
,p.Name, p.Version))) </text>);
}
)
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action(
"GetComputers"
,
"RemoteDeployment"
))
.ServerOperation(false)
)
.Filterable()
.Pageable()
.Navigatable()
.Sortable()
.HtmlAttributes(
new
{style=
"height:550px;"
})