below is the kendo grid which is not calling the mentioned action/controller on page load hence the data to the grid is empty..
HTML Code
<div class="container-fluid">
<div class="row">
<div class="col-xs-18 col-md-12">
@(Html.Kendo().Grid<abcxksdkd.Models.DisplayUserModel>
()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.UserName).Filterable(false);
columns.Bound(p => p.UserRole);
columns.Bound(p => p.Email);
columns.Bound(p => p.isLocked);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:550px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Admin"))
)
)
</div>
</div>
</div>
CONTROLLER CODE
public ActionResult Orders_Read([DataSourceRequest]DataSourceRequest request)
{
Model user = new Model();
foreach (var a in DbContext.Users)
{
user.UserName = a.Name;
user.UserRole = Roles.ToString();
user.isLocked = a.Lockout;
user.Email = a.mail;
}
var result = Enumerable.Range(0, 10).Select(i => new Model
{
UserName = user.UserName,
Email = user.Email,
isLocked = user.isLocked,
UserRole = user.UserRole
});
return Json(result.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
Hi,
we have been building an SPA using Vue2 that also will be serves as mobile application (wrapped using Cordova). we need Grouped list item with fixed group header (exactly the same functionality as Mobile Listview - Fixed Header). AFAIK i cannot achieve that using Kendo Listview Vue Wrapper.
is it possible to use Kendo Mobile UI especially Mobile ListView inside of Vue application, because i cannot find any reference about this in telerik documentation & the forum.
Hi,
I have an issue with dropdownlist, with run twice the databound (read action)
In my case, I customized the dropdownlist to manage the pagination :
Html.Kendo().DropDownList()
.Name(Model.ElementId)
.DataTextField(Model.LovTextField.Name)
.DataValueField(Model.LovField.Name)
.Value(Model.Value.ToString())
.IgnoreCase(Model.SearchIgnoreCase)
.Enable(Model.IsEnabled)
.Animation(false)
.AutoWidth(true)
.Template(Model.ClientTemplate)
.ValueTemplate(Model.ClientTemplate)
.DataSource(source =>
{
source.Custom()
.ServerFiltering(true)
.ServerPaging(true)
.PageSize(50)
.Type("aspnetmvc-ajax")
.Transport(transport =>
{
transport.Read("ReadLovData", "DropDownList", new { area = "Runtime", pageid = ViewBag.PageContext.PageId, elementid = Model.ElementId });
})
.Schema(schema =>
{
schema.Data("Data") //define the [data](http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-schema.data) option
.Total("Total"); //define the [total](http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-schema.total) option
}).Events(e => e.RequestEnd(@<text>function(e) {requestEnd(e,"@Model.ElementId");}</text>));
})
.Virtual(v =>
{
v.ValueMapper("dropDownListValueMapper")
.MapValueTo("dataItem");
})
.FooterTemplate("<span class='k-state-hover'>Page #: instance.dataSource.page() # / #: instance.dataSource.totalPages() # - Total #: instance.dataSource.total() # items found</span>")
dropDownListValueMapper is a javascript function that calls an controller/action via ajax in POST mode
requestEnd is a javascript function that that does nothing in this case
In the attached file, I have an example of a page with 3 dropdownlists; and we see for each of them the call of a second databound, just before the call of the valuemapper
Like you can see, we are in ASP.NET MVC, and I'm not good enough in javascript to replicate an example on dojo (especially in server mode)
I also noticed that the example on databound customization did not work properly (https://demos.telerik.com/aspnet-mvc/dropdownlist/custom-datasource), but with the example provided with the DLL it works locally. However there is no valuemapper, so ...
Note that I just went to the latest version (2018-R1), and I use Visual Studio 2015 (C#)
Thanks,
Thierry
$(document).ready(
function
() {
$(
".rich-text"
).kendoEditor({
encoded:
false
,
tools: [
"bold"
,
"italic"
,
"underline"
,
"insertImage"
],
imageBrowser: {
path:
"/"
,
transport: {
read:
"/cms/imagebrowser/read"
,
destroy:
"/cms/imagebrowser/destroy"
,
create:
"/cms/imagebrowser/create"
,
thumbnailUrl:
"/cms/imagebrowser/thumbnail"
,
uploadUrl:
"/cms/imagebrowser/upload"
,
imageUrl:
"/content/cms/images/{0}"
}
}
});
});
@model string
@(Html.Kendo().EditorFor(m => m)
.Encode(false)
.Tools(tools => tools
.Clear()
.Bold().Italic().Underline().Strikethrough()
.JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
.InsertUnorderedList().InsertOrderedList()
.Outdent().Indent()
.CreateLink().Unlink()
.InsertImage()
.SubScript()
.SuperScript()
.TableEditing()
.ViewHtml()
.Formatting()
.FontName()
.FontSize()
.FontColor().BackColor()
)
.ImageBrowser(imageBrowser => imageBrowser
.Image("~/content/cms/images/{0}")
.Read("read", "imagebrowser", new { Area = "cms" })
.Create("create", "imagebrowser", new { Area = "cms" })
.Destroy("destroy", "imagebrowser", new { Area = "cms" })
.Upload("upload", "imagebrowser", new { Area = "cms" })
.Thumbnail("thumbnail", "imagebrowser", new { Area = "cms" })
)
)
Hello,
We noticed that when we when we click 'More formats..' in the format's list, the modal window opens twice. The issue can be reproduced here https://demos.telerik.com/kendo-ui/spreadsheet/index. Is this a known issue?
Also, is it best to post hese here or directly on the github repo's issue list.
Thanks!
Gabriel
Hello,
I'm trying to disabled the cell after I loaded Data but I failed.
What should I do to achieve my need?
Some action I already tried below:
1.
$(function() {
$("#spreadsheet").kendoSpreadsheet({
});
spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");
$.getJSON("<%=request.getContextPath()%>/data.json")
.done(function (sheets) {
spreadsheet.fromJSON( sheets);
});
var rangeChange = spreadsheet.activeSheet().range("A1:H9");
rangeChange.enable(false);
});
2.
add the attribute : "enable" : "false" to JSON Data.