Questions on UI for ASP.NET MVC Forum

1 answer

137 views

Hello...

When trying open or install the VS2015 extension for ASP.NET MVC scaffolding, I get the error 'The manifest extension is invalid'... has this been fixed or addressed?

Installer and VS Extensions

answered on 17 Jan 2017

1 answer

728 views

Add multiple rows with inline editing on button click

Hi,

I have a requirement where for first time, kendo grid should be opened in in-line editing mode with 5 columns containing dropdowns. When i click on button specifying number of rows, for example 5 then 5 new rows should be created with inline editing.

Can you please help me how can i achieve this scenario.

Below is how grid looks like.

----------------------------------------------------------------------------------

----------------------------------------------------------------------------------

1 dropdown | dropdown | dropdown | dropdown - 1st row

----------------------------------------------------------------------------------

2 dropdown | dropdown | dropdown | dropdown - 2 nd row

Button => to specify number of rows.

Grid

answered on 17 Jan 2017

10 answers

3.7K+ views

.ClientTemplate - Why is this not working?

Hi,

I have a Kendo.Grid being loaded into a Kendo.Window. The Grid is showing up with the correct data, but the boolean column 'Printed' is displayed as a checkbox (see screenshot), when I want it to be either 'Y' or 'N'. Ideally, I want to to be a green TICK or nothing, but I'm just trying to get anything to display other than the checkbox. I have found many examples on using the .ClientTemplate and have added this to the 'Printed' column according to the examples from Telerik, but it just is not working.

Below is the Grid definition.

@{ Layout = null; }

@model IEnumerable<CBECloudBO2.ViewModels.LabelTypeForChangesViewModel>

@(Html.Kendo().Grid(Model)

.Name("plulabelsgrid")

.HtmlAttributes(new { style = "height: 230px;" })

.Columns(columns =>

{

columns.Bound(p => p.Id).Hidden();

columns.Bound(p => p.ReportTemplate).Hidden();

columns.Bound(p => p.Description).Title("Label");

columns.Bound(p => p.LabelsCount).Title("Count").Width(70);

columns.Bound(p => p.NumberLabelsOnPage).Title("Labels per Page").Width(120);

columns.Bound(p => p.Printed).Title("Printed").Width(80).ClientTemplate("#= Printed ? 'Y' : 'N' #");

columns.Command(command => command.Custom("Print").Click("printLabel")).Width(85);

})

.Scrollable()

.DataSource(datasource => datasource

.Ajax()

)

Can anyone spot anything in the above code or offer me suggestions?

Regards,

Shawn

Grid

answered on 16 Jan 2017

3 answers

169 views

Title cannot be false

By specification one should be able to create dialog without title. So if you are using javascript there is no problem. You can set title to false and it works. But there is problem when you try to do it in MVC helper. Title in DialogBuilder accept only string. You are missing bool overload.

And additional request. Can you please update http://docs.telerik.com/kendo-ui/intro/supporting/scripts-layout with dependencies for dialog.

Dialog

answered on 16 Jan 2017

1 answer

159 views

Bind Telerik To WSDL Service

We have a WSDL service which SOAP output looks like below :

How can we bind this service to Telerik MVC Grid?

Regards

<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Body>
<PROJE_SOZLESME_KALEM_FAT_PLANOutput xmlns="http://xmlns.oracle.com/orawsv/NDD_ANALITIK_PROD/NDD_PROD">
<OUT_RESULT_XML>
<data>
<rows>
<row>
<SOZLESME_NO>11</SOZLESME_NO>
<KALEM_NO>4314</KALEM_NO>
<TANIM>I&C</TANIM>
<FATURA_TARIHI>2009-03-31</FATURA_TARIHI>
<FATURA_DEGERI>3360</FATURA_DEGERI>
<FATURA_PARA_BIRIMI>USD</FATURA_PARA_BIRIMI>
<FATURA_TURU>ZF1</FATURA_TURU>
<FATURALAMA_TURU_ACIKLAMASI>Trial</FATURALAMA_TURU_ACIKLAMASI>
<FATURA_ODEME_KOSULU></FATURA_ODEME_KOSULU>
</row>
<row>
<SOZLESME_NO>0045000115</SOZLESME_NO>
<KALEM_NO>343</KALEM_NO>
<TANIM>Qwert</TANIM>
<FATURA_TARIHI>2009-03-31</FATURA_TARIHI>
<FATURA_DEGERI>43234</FATURA_DEGERI>
<FATURA_PARA_BIRIMI>USD</FATURA_PARA_BIRIMI>
<FATURA_TURU>ZF1</FATURA_TURU>
<FATURALAMA_TURU_ACIKLAMASI>Tial12</FATURALAMA_TURU_ACIKLAMASI>
<FATURA_ODEME_KOSULU></FATURA_ODEME_KOSULU>
</row>
</rows>
</data>
</OUT_RESULT_XML>
</PROJE_SOZLESME_KALEM_FAT_PLANOutput>
</soap:Body>
</soap:Envelope>

Grid

answered on 16 Jan 2017

1 answer

324 views

DropDownListFor complex objects

With some help from the forums and some trial and error I have created an editor that works just fine for complex objects when they are in a kendo grid.

i.e. when I have a complex object as a column in a grid this editor will edit the object and populate the complex object on the post back to the controller

However, when I am trying to use this editor in a web form ("Ajax.BeignForm") and do my post back I get an error along the lines of "The parameter conversion from type 'System.String' to type 'X' failed because no type converter can convert between these types".

Why does this work just fine for grids, but not forms? (I'm guessing grids do some "magic" that handles the casting)
Are there any options for having a DropDownList or similar control update a complex object instead of just a hidden string field?

@using System.Text.RegularExpressions;

@model object

@{

Dictionary<string, object> metaData = ViewData.ModelMetadata.AdditionalValues;

ListType? ListType_DataAnnotation = (ListType?)(metaData.ContainsKey("ListType") ? metaData["ListType"] : null);

string Param1_DataAnnotation = (string)(metaData.ContainsKey("Param1") ? metaData["Param1"].ToString() : null);

string Param2_DataAnnotation = (string)(metaData.ContainsKey("Param2") ? metaData["Param2"].ToString() : null);

string Param3_DataAnnotation = (string)(metaData.ContainsKey("Param3") ? metaData["Param3"].ToString() : null);

bool? ShowLabel_DataAnnotation = (bool)(metaData.ContainsKey("ShowLabel") ? metaData["ShowLabel"] : false);

string ParamFunction_DataAnnotation = (string)(metaData.ContainsKey("ParamFunction") ? metaData["ParamFunction"].ToString() : null);

ListType? ListType_VD = (ListType?)ViewData["ListType"];

string Param1_VD = (string)ViewData["Param1"];// ?? Param1_DataAnnotation;

string Param2_VD = (string)ViewData["Param2"];// ?? Param2_DataAnnotation;

string Param3_VD = (string)ViewData["Param3"];// ?? Param3_DataAnnotation;

bool? ShowLabel_VD = (bool?)ViewData["ShowLabel"];

string ParamFunction_VD = (string)ViewData["ParamFunction"];// ?? ParamFunction_DataAnnotation;

ListType ListType = (ListType)(ListType_VD ?? ListType_DataAnnotation); //one of these will always have a value in them

string Param1 = Param1_VD ?? Param1_DataAnnotation;

string Param2 = Param2_VD ?? Param2_DataAnnotation;

string Param3 = Param3_VD ?? Param3_DataAnnotation;

bool ShowLabel = (ShowLabel_VD ?? false) || (ShowLabel_DataAnnotation ?? false);

string ParamFunction = ParamFunction_VD ?? ParamFunction_DataAnnotation;

string uniqueName = Regex.Replace(Guid.NewGuid().ToString(), "[^A-Za-z]+", "");

string ID = (string)ViewData["ID"];

ID = ID ?? uniqueName;

string DataTextField = ListService.GetDataTextField(ListType);

string DataValueField = ListService.GetDataValueField(ListType);

}

@if(ShowLabel)

{

@Html.LabelFor(x => x)

}

@(Html.Kendo().DropDownListFor(x => x)

.DataTextField(DataTextField)

.DataValueField(DataValueField)

.Filter(FilterType.Contains)

.DataSource(source =>

{

source.Read(read =>

{

if (ParamFunction == null || ParamFunction.Length == 0)

{

read.Action("Read", "List", new { ListType = ListType, Param1 = Param1, Param2 = Param2, Param3 = Param3 });

}

else

{

read.Action("Read", "List").Data(ParamFunction);

}

});

})

)

DropDownList

answered on 13 Jan 2017

3 answers

481 views

Listview Model Binding - NullReferenceException

Hi,

I'm trying to have my ListView bind to a model item, so that when postback occurs, the entries updated to the listview, are reflected in the associated model field.When I attempt this with the below code though, I receive a NullReferenceException from the view code that I've posted below. I've included the model also, as well as the stack trace. Any help with this one is greatly appreciated! Thanks!

Model:

public class CustomerCreateModel

{

#region private fields

private ICollection<CreateSecurityQuestionModel> _SecurityQuestions = new List<CreateSecurityQuestionModel>();

#endregion

[Required(AllowEmptyStrings = false), Display(Name = "First Name")]

public string FirstName { get; set; }

[Required(AllowEmptyStrings = false), Display(Name = "Last Name")]

public string LastName { get; set; }

public ICollection<SecurityQuestionModel> SecurityQuestions

{

get { return _SecurityQuestions; }

set { _SecurityQuestions = value; }

}

View Code:

@model CustomerCreateModel

<div class="form-group">

@Html.Label("Security Questions", htmlAttributes: new { @class = "control-label col-md-2" })

<div class="col-md-10">

<div style="clear: both;">

<a class="k-button k-button-icontext k-add-button" href="#"><span class="k-icon k-add"></span>Add new security question</a>

@(Html.Kendo().ListView<SecurityQuestionModel>(Model.SecurityQuestions)

.Name("SecurityQuestionsListView")

.TagName("div")

.ClientTemplateId("security-qa-template")

.DataSource(dataSource => dataSource

.Model(model => model.Id("Id"))

.PageSize(10)

.Create(create => create.Action("Create", "Customers"))

.Update(update => update.Action("Update", "Customers"))

)

.Pageable()

.Editable(e => e.TemplateName("QuestionAnswerEditor"))

)

</div>

ListView

answered on 13 Jan 2017

3 answers

171 views

Upload Kendo component not validate format file

Hi,

I'm using the Kendo Upload component for MVC and I'm trying of validate the format for only upload .xlsx and .xls, but the validator doesn't work. I followed the example showed here http://demos.telerik.com/aspnet-mvc/upload/validation but the error persist.

I don't know why, please, your help is very important for us.

Regards,

Upload

answered on 13 Jan 2017

1 answer

186 views

Can this template be improved? (Conditional)

The template below works but it seems kind of goofy. Is there a better way to set the "Checked" value conditionally?

I can do it easily with a plain checkbox but I prefer to use the Kendo one for the styling.

<script type="text/x-kendo-tmpl" id="connectorTemplate">

<div class="tabOption">

# if (Selected) { #

@(Html.Kendo().CheckBox()

.Name("#:Id#")

.Checked(true)

)

# } else { #

@(Html.Kendo().CheckBox()

.Name("#:Id#")

.Checked(false)

)

# } #

<span>#:Name# </span>

</div>

</script>

General Discussions

answered on 13 Jan 2017

1 answer

412 views

New ASP.NET MVC Project - Kendo UI or Telerik

Pretty new to MS ASP.NET Web Application development

Installed Telerik MVC in VS CE2015

Now for New web project I see listed

ASP.NET Web Application
Kendo UI ASP.NET MVC 5 Application <- new option
Telerik ASP.NET MVC Application <- new option

Can someone explain the differences between "Kendo UI ASP.NET MVC 5" and "Telerik ASP.NET MVC" and which would be preferable for developing an intranet web application for dealing with data collected off of lab instruments. There will be a couple master/detail pages needed for concepts such as item test results (property result), specifications (property min/max) and standards (property min/max).

General Discussions

answered on 12 Jan 2017