Questions on UI for ASP.NET MVC Forum

1 answer

97 views

Pasting text via jquery, hilighting text, and tabbing within the editor

Hi,

I have a need to paste text containing template fields into the editor via jquery with the user be able to tab between the template fields with the template field being "selected" when they are on that field

For example, the user may choose to have the following text pasted into the editor: "Please enter the {{date}} and {{time}}.". The template fields are {{date}} and {{time}}. After the data is pasted, the cursor needs to be positioned in the first template field with the template field selected (hilighted). In this example, {{date}} would be selected allowing the user to replace the template text with data that they type in. The user could then press the tab key to move to the next template field - in this example, it would be the {{time}} template field. The goal, for example, is to be able to paste in 20 lines of boilerplate code and simply tab to the items that need to be changed.

I have this working for a simple TextEdit field, but I now need similar functionality for a Editor field.

I know how to paste the template string via $('#Content').data('kendoEditor').value(results.Content) but I don't know how to trap the tab key and "select" fields.

Thanks in advance,

Scott

Editor

answered on 17 Dec 2019

5 answers

593 views

TreeList with dynamic binding

Hi!

I want to create TreeList with custom columns count. There is my code:

@(Html.Kendo().TreeList<dynamic>()

.Name("treelist")

.Columns(columns =>

{

foreach (System.Data.DataColumn column in Model.Columns)

{

var c = columns.Add().Field(column.ColumnName);

}

})

.Filterable()

.Sortable()

.DataSource(dataSource => dataSource

.Read(read => read.Action("Read", "Home"))

.Model(m =>

{

var id = Model.PrimaryKey[0].ColumnName;

m.Id(id);

//m.ParentId(); what i should do here???

foreach (System.Data.DataColumn column in Model.Columns)

{

var field = m.Field(column.ColumnName, column.DataType);

if (column.ColumnName == id)

{

field.Editable(false);

}

})

)

HomeController returns:

public ActionResult Read([DataSourceRequest] DataSourceRequest request)

{

DataTable products = DataCache.FullTable;

if (request.Aggregates.Any())

{

request.Aggregates.Each(agg =>

{

agg.Aggregates.Each(a =>

{

a.MemberType = products.Columns[agg.Member].DataType;

});

}

return Json(products.ToDataSourceResult(request));

}

I see examples on GutHub, but i don't find anything about dynamic binding.

TreeList

answered on 16 Dec 2019

1 answer

141 views

[Solved] Url.Action in Column Template

Is there a way I can use a Url.Action in a column template so the can appear similar to the foreign key function in the grid.

Class TimeFrame

{

}

columns.Add().Field(e => e.TimeFrameId).Template("@Url.Action("GetTimeFrame","TimeFrame", new {Id = #:TimeFrameId#})");

TreeList

answered on 16 Dec 2019

1 answer

187 views

Convert to Telerik Application Exception

Failed to execute command.

System.ArgumentException: Illegal characters in path.
at System.IO.Path.CheckInvalidPathChars(String path, Boolean checkAdditional)
at System.IO.Path.Combine(String path1, String path2)
at Telerik.VSX.Internal.ProjectManagement.ProjectFileLocator.GetProjectItemPathsRecursive(String projectItemName, ProjectItems projectItems, String pathSoFar, IList`1 accumulatedResults)
at Telerik.VSX.Internal.ProjectManagement.ProjectFileLocator.GetProjectItemPaths(String projectItemName)
at Telerik.VSX.Web.MasterPageProcessing.Locator.RazorMasterPageLocator.GetMasterPagePresent()
at Telerik.KendoUI.Mvc.VSX.MasterPageProcessing.ProjectSettingsReader.EnsureMasterPageDetectedInitialized()
at Telerik.KendoUI.Mvc.VSX.ProjectConfigurators.ProjectConfigurationTypeSelector.GetConvertProjectPreWizardData(IScenarioDef template)
at Telerik.KendoUI.Mvc.VSX.ProjectConfigurators.ProjectConfigurationTypeSelector.ProjectConversion()
at Telerik.KendoUI.Mvc.VSX.ProjectConfigurators.StreamlinedProjectConfiguration.StartConvertWizard()
at Telerik.KendoUI.Mvc.VSPackage.CommandExecutor.Execute(UInt32 commandId)
at Telerik.VSX.VSPackage.PackageBase.CommandCallback(Object sender, EventArgs e)

Trying to figure out why I'm getting this illegal path exception, I'm not sure if it's related to my master page or what. Is there any way to do this manually?

General Discussions

answered on 16 Dec 2019

2 answers

129 views

[Solved] 'MimeTypes' does not exist error

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.

Spreadsheet

answered on 13 Dec 2019

2 answers

365 views

[Solved] Hide Clear and Upload in Async mode with AutoUpload false

Is there a setting where I can hide the toolbar that shows up below with Clear and Upload buttons when user selects a file in Async mode? I'm triggering the upload in javascript, don't need user pressing these buttons.

Upload

answered on 10 Dec 2019

1 answer

228 views

Change Pager Buttons Style

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

Grid

answered on 10 Dec 2019

3 answers

2.1K+ views

[Solved] How to control Toolbar Item Position?

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

Grid

answered on 10 Dec 2019

5 answers

617 views

Remove cell border for footer template

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

Grid

answered on 10 Dec 2019

3 answers

210 views

[Solved] Combobox virtual and autowidth alternative?

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.

ComboBox

answered on 05 Dec 2019