My company is trying to be on the cutting edge.
We built some CRUD pages using Kendo UI. But having problems with the drop down list. In .Net Core we are using razor pages, but the concepts is the same.
@(Html.Kendo().Grid<NG.Analytics.Models.Applications>()//(Model.Data)
.Name("Grid")
.Columns(columns =>
{
columns.Bound(a => a.Id).Title("ID").Visible(false);
columns.Bound(a => a.CategoryId).EditorTemplateName("ApplicationCategory"); //Having trouble with what to put right here.
columns.Bound(a => a.CategoryId).Title("CategoryID");
columns.Bound(a => a.Title).Title("Title").Width(200);
columns.Bound(a => a.Description).Title("Description");
columns.Bound(a => a.BaseUrl).Title("Base Url").Width(120);
columns.Bound(a => a.Url).Title("Url");
columns.Bound(a => a.IconUrl).Title("Icon Url").Width(350);
columns.Bound(a => a.IsExternal).Title("Is External").Width(120);
columns.Command(command => { command.Edit(); }).Width(90);
columns.Command(command => { command.Destroy(); }).Width(100);
columns.Command(command => command.Custom("ViewDetails").Click("showDetails"));
})
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.PopUp))
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height: 750px;" })
.DataSource(dataSource => dataSource
.Ajax()
.Model(model =>
{
model.Id(a => a.Id); // Specify the property which is the unique identifier of the model
model.Field(a => a.Id).Editable(false); // Make the ID property not editable
//model.Field(p => p.CategoryId).DefaultValue(
//Model.ApplicationCategory as Models.ApplicationCategory);
})
.Read(read => read.Url("?handler=Data").Type(HttpVerbs.Get))
.Create(update => update.Url("?handler=CreateApplications").Type(HttpVerbs.Post))
.Destroy(update => update.Url("?handler=Applications").Type(HttpVerbs.Delete))
.Update(update => update.Url("?handler=UpdateApplications").Type(HttpVerbs.Put)))
)
<partial name="EditorTemplates/ApplicationCategoryEditor" /> //Editor is working as expected when normally use.
Here is what the partial looks like:
@(Html.Kendo().DropDownList()
.Name("CategoryName")
.DataTextField("CategoryName")
.DataValueField("Id")
.BindTo(Model.ApplicationCategory)
.HtmlAttributes(new { style = "width: 100%" })
)
I know you guys are pretty good and responsive. I just hope I can find the answer.
Thanks, Trung
Is there a way to setup overflow on a ButtonGroup?
<div class="demo-section k-content" >
@(Html.Kendo().ButtonGroup()
.Name("DashboardNavigate-select")
.HtmlAttributes(new { style = " display:" + displayToolbar + "; " })
.Items(t =>
{
foreach (KeyValuePair<string, string> kvp in Model.ButtonList)
{
t.Add().Text(kvp.Value).HtmlAttributes(new { datavalue = kvp.Key.ToString() });
}
})
.Events(events => events.Select("buttonNavigateNew"))
)
</div>
I'm trying to use FileManager to access a network share on behalf of the user using the app. We want to make sure that the user using the app belongs to an active directory group that has access to the share.
I'm at the point where we can retrieve a list of active directory groups that have access to the requested network folder using a PrincipalContext, and can verify that the current user belongs to one of the groups with access permissions.
However, it seems like this authorization takes ~2 minutes to complete, which makes the filemanager unusable by our users.
Is anyone using FileManager for something like this, and if so, do you have any recommendations for checking if the user has access to a network share?
I have a simple grid and try to get the updated row on server side but the model send is always empty
Client side Grid (View)
<div class="card-body">
@(Html.Kendo().Grid<CoopTel_MultiLocation.Models.DummyModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.Col1).Filterable(false);
columns.Bound(p => p.Col2);
columns.Bound(p => p.Col3);
columns.Bound(p => p.Col4);
columns.Bound(p => p.Col5);
columns.Bound(p => p.TestBooleen);
columns.Command(command => { command.Edit(); command.Destroy(); }).Title("Commandes").Width(250);
})
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Pageable()
.Sortable()
.Scrollable()
.ToolBar(toolbar =>
{
toolbar.Search();
toolbar.Create();
})
.HtmlAttributes(new { style = "height:550px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Model(model => { model.Id(p => p.Col1); })
.Read(read => read.Action("GetLocationUI", "GestionLocation"))
.Update(update => update.Action("DetailLocationUpdate", "GestionLocation"))
.Destroy(destroy => destroy.Action("DetailLocationDestroy", "GestionLocation"))
.Create(update => update.Action("DetailLocationCreate", "GestionLocation"))
)
)
</div>
GestionLocationController
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult DetailLocationUpdate([DataSourceRequest] DataSourceRequest request, DummyModel Locations) <-- Location is always empty
{
return Json("");
}
@(Html.Kendo().ComboBoxFor(m => m.CurrentBooking.Resource.ResourceId)
.Name(
"resourceAutoComplete"
)
.DataTextField(
"ResourceName"
)
.DataValueField(
"ResourceId"
)
.BindTo(Model.Resources)
.Placeholder(
"Select resource"
))
Hi, I'm new in Telerik and currently using VB.net for my code. Can someone help to convert the below code to vb in vbhtml?
.DataSource(dataSource =>
dataSource.Ajax().Read("AjaxInitGrid", "Shared").Model(model =>
{
model.Id(p => p.ID);
model.Field(p => p.CreationDate).Editable(false);
model.Field(p => p.BirthDate).Editable(false);
})
)
I not able to convert model.Field(p => p.CreationDate).Editable(false) to vb.
Thanks.
Hi,
I have a kendogrid in MVC , in that i am loading switch and textbox and dropdown control using client template, below is the example, but when i change the value in textbox and dropdownlist and switch and then i go to the next page in the grid the entered and selected value is lost and back to original.for example below you can check, Is there any way to maintain the selected and entered value in the grid when i go to the next page in grid, please help on this.
http://dojo.telerik.com/@Iliana/eYUCi
Thanks
Mohammed
When I call the following
/StatusGroups/ my controller code is as follows
public ActionResult GetStatusGroups([DataSourceRequest]DataSourceRequest request)
{
var SLAQuery = new OracleLogic();
return Json(SLAQuery.GetStatusGroupsSLA().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
and I get my populated grid using the following view code.
@(Html.Kendo().Grid<NTC_SLA_System.Models.StatusGroupsSLA>()
.Name("grid")
.Sortable()
.Scrollable()
.Filterable()
.Columns(column =>
{
column.Bound(c => c.TYPE_ID).Title("STGID");
column.Bound(c => c.TYPE_NAME).Title("Group Name");
column.Bound(c => c.INGROUPID).Format("{0:0}").Title("in Group");
column.Bound(c => c.ENTERED_DATE).Format("{0:MM-dd-yyyy}").Title("Created On");
column.Bound(c => c.ENTERED_DATE).Format("{0:MM-dd-yyyy}").Title("Modified Date");
column.Bound(c => c.MODIFY_BY).Title("Modified By");
column.Bound(c => c.TYPE_ID).ClientTemplate("<a class='ntc-blue' href=\"" + Url.Action("ViewType", new { ID = "#=TYPE_ID#" }) + "\">View</a>").Title("Action");
})
.DataSource(dataSource => dataSource
.Ajax()
.Model(model => model.Id(p => p.Id))
.Read(read => read.Action("GetStatusGroups", "StatusGroups"))
.ServerOperation(false)
.PageSize(20))
If I click on View in that Grid I go to /StatusGroups/ViewType/1
My controller code is as follows
public ActionResult ViewType([DataSourceRequest]DataSourceRequest request, string id = null)
{
var SLAQuery = new OracleLogic();
return Json(SLAQuery.GetStatusGroupsViewSLA(id).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
and my view code is
@(Html.Kendo().Grid<NTC_SLA_System.Models.StatusGroupsViewSLA>()
.Name("grid")
.Sortable(sortable => sortable
.AllowUnsort(true)
.SortMode(GridSortMode.MultipleColumn)
.ShowIndexes(true))
.Scrollable()
.Columns(column =>
{
column.Bound(c => c.STATUS_NAME).Template(c => c.STATUS_ID + " - " + c.STATUS_NAME).Title("To Status Name");
column.Bound(c => c.STATUS_ID).Template(@<text>@Html.ActionLink("Remove", "ViewType", new { id = @item.STATUS_ID }) </text>).Title("Action").Sortable(false).HtmlAttributes(new { @class = "center-text" });
})
.DataSource(datasource => datasource
.Ajax()
.Model(model =>
{
model.Field(f => f.STATUS_NAME);
})
.Read(read => read.Action("ViewType", "StatusGroups"))
)
The Grid result is empty no data.
Hi
When I create a new table in the editor and select the value 0 for the cellspacing property in the table tab, the value is not applied to the html.
The next time I open the wizard for the same table, the value for the cellspacing property is blank (as if no value has been set).
Is this by design?
When I paste the html that the wizard produces, into for example https://htmledit.squarefree.com/ the cellspacing=0 is vital to make the table look correct.
This makes it hard to use the html that is produced anywhere else than in the editor.