Questions on UI for ASP.NET MVC Forum

1 answer

1.4K+ views

Editor show html tags after postback (use Encode(true) and decode by HttpUtility.HtmlDecode in server)

I have a view, use editor:
@using (Html.BeginForm("Index", "Home"))
{
@Html.Kendo().EditorFor(m=> m.MyHtml).Encode(true)

<input type="submit" value="Save" />
}

and in controller:
public ActionResult Index()
{
var viewModel = new ViewModel { MyHtml = "test <strong>html</strong>" };
return View(viewModel);
}

[HttpPost]
public ActionResult Index(ViewModel model)
{
model.MyHtml = Server.HtmlDecode(model.MyHtml);
//model.MyHtml == "test <strong>html</strong>" at here
return View(model);
}

the view in Get request is correct. Without any editing, click Save and after Post request, the view is showed html tags.

Does it is bug or not? How to show correct html after postback without Encode(fase) + [AllowHtml] in model?

Editor

answered on 02 Sep 2013

1 answer

183 views

Disable combo box after ajax load

Hi,

I use asp.net mvc helper to define combo boxes. I have 3 of them and the are all cascading. What I need is a way to disable them after their datasources are loaded (this is some edit functionality).
I try to use databound event handler but enable is not working, even more, it seems that control is automatically enabled after databound event is fired.
Can you please suggest some workaround?

Regards,
Vladica

ComboBox

answered on 30 Aug 2013

3 answers

180 views

ListView editable not working with complex objects

EditorTemplate:



<

div class="k-widget">

@Html.HiddenFor(model => model.Id)

<div class="edit-buttons">

<a class="k-button k-button-icontext k-update-button" href="\\#"><span class="k-icon k-update"></span></a>

<a class="k-button k-button-icontext k-cancel-button" href="\\#"><span class="k-icon k-cancel"></span></a>

</div>

<dl>

<dt>

@Html.LabelFor(model => model.SharedWith)

</dt>

<dd>

@(Html.Kendo().MultiSelectFor(model => model.SharedWith)

.DataValueField("Id")

.DataTextField("Name")

.Placeholder("Type user's name...")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("Users", "User");

});

})

.TagTemplate("<div class=""tag-image""><img src=""#: Picture #"" height=""32"" /></div>")

.ItemTemplate("<div class=""item-image""><img src=""#: Picture #"" height=""32"" /></div>"))

</dd>

</dl>

</div>

The list view display mode works fine, but as soon as I click edit, and it switches to the EditorTemplate, I get an error saying that Picture is undefined, even though the model that is being passed into the ListView constructor definitely has a fully populated SharedWith model.

ListView

answered on 30 Aug 2013

2 answers

160 views

Problem after having set the dropdown value

Hello,
I've a kendo UI grid that has a column with editortemplate....
He're the grid

@(Html.Kendo()

.Grid<DO.Admin.Utente>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(x => x.IDDipendente).Visible(false);

columns.Bound(x => x.IDUtente);

columns.Bound(x => x.Nominativo);

columns.Bound(x => x.Societa);

columns.Bound(x => x.Filiale);

columns.Bound(x => x.Ruolo);

columns.Bound(x => x.Profilo);

columns.Bound(x => x.Funzioni);

columns.Bound(x => x.Stato).EditorTemplateName("StatoTemplate");//ClientTemplate("#=stati.statiName#");

columns.Bound(x => x.AccessoEureka);

})

.Pageable()

.Scrollable()

.Editable(editable => editable.Mode(GridEditMode.InCell))

.DataSource(dataSource => dataSource

.Ajax()

.Model(model =>

{

model.Id(x => x.IDDipendente);

model.Field(x => x.IDUtente).Editable(false);

model.Field(x => x.Nominativo).Editable(false);

model.Field(x => x.Societa).Editable(false);

model.Field(x => x.Filiale);

model.Field(x => x.Ruolo);

model.Field(x => x.Profilo);

model.Field(x => x.Funzioni);

model.Field(x => x.Stato);

model.Field(x => x.AccessoEureka);

})

.Read(read => read.Action("GetListaUtenti", "GestioneUtenti"))

)

And here's the editor template

@{

Layout = null;

}

@(Html.Kendo().DropDownList()

.Name("Stato")

.HtmlAttributes(new { style = "width: 250px" })

.DataTextField("Descr")

.DataValueField("ID")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetListaStati", "Common", new { Area = string.Empty });

}).ServerFiltering(false);

})

)

Consider the List of Stato items
as

0 | Active
1 | Disactive

when I show the grid in read I've my columns that shows Active/Disactive based on a field called Stato that's string....
After I change the dropdown I got 0/1 instead.... how do I fix this?

Second question, in my model I also have a IdStato that's 0/1 and its used when updating the model.... should I put this as an Hidden column? how do I update that field as well?
Thank in advance
Paolo

Grid

answered on 30 Aug 2013

1 answer

149 views

[Solved] Is it possible to have a Vertical Menu with Vertical children ?

Hello,

I would like to implement a vertical menu and for the child or sub menus have them pull down like an accordion style rather than flyout.

Is this possible or does anyone have an example I can look at?

Thanks.

Menu

answered on 30 Aug 2013

4 answers

99 views

Editor window self closes in IE10

When I double click on a event to edit it in IE 10, the edit window opens and closes by itself, if I open it a second time it stays open.
If I click on the event wait a second and then double click the edit window opens and stays open as it should.
But as explained above, the first double click on a event causes the windows to open and close.
Thanks

Scheduler

answered on 30 Aug 2013

1 answer

106 views

[Solved] JQuery Pageslide Plugin doesn't work with Kendo version of JQuery

I am trying to implement a simple Pageslide Jquery plugin, however it will not work using the Kendo version of Jquery - I am using the following version:

kendo/2013.2.716/jquery.min.js

Please advise if there is an update or patch that I can use to get this working.

Thanks.

General Discussions

answered on 30 Aug 2013

1 answer

112 views

Run read event for combobox inside grid in inline mode on every edit or insert

I have kendo grid have some columns and one of these columns is foreign key and implemented as combobox inside editor template and the datasource is a collection of values retrieved from database. when the grid loaded and when edit or insert the first row the read function will run and will get the values from DB but in the second edit or insert the read function will not run and the combobox will retrieve his datasource from the first edit. My question is how to make the combobox run the read function in every edit or insert?
This is my code:

columns.Bound(p => p.Employee).ClientTemplate("#=Employee.EmployeeText#").Width(110);//This column for foreign key

and my view model:

[UIHint("EmployeeForeignKeyEditor")]

public EmployeeViewModel Employee { get; set; }

and the EmployeeForeignKeyEditor is in EditorTemplates folder inside Shared:

@model SpinePOCViewModel.ViewModels.EmployeeViewModel

@(

Html.Kendo().ComboBox()

.DataTextField("EmployeeText")

.DataValueField("EmployeeID").Name("Employee")

.Placeholder("Select Employee")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("MarketingCoordinatorcb_Read", "Marketing");

})

.ServerFiltering(true);

})

.AutoBind(false)

)

and read function:

public ActionResult MarketingCoordinatorcb_Read()

{

ViewBag.Employees=SomeFunctionToGetData();

return Json((List<EmployeeViewModel>)ViewBag.Employees, JsonRequestBehavior.AllowGet);

}

and Employee view model:

public partial class EmployeeViewModel

{

public int EmployeeID { get; set; }

public virtual string EmployeeText { get;set;}

}

Grid

answered on 30 Aug 2013

5 answers

276 views

[Solved] combobox in schedule template

Using the editable template I want to have a drop down for my resources, so far I have

<div class="k-edit-field" data-container-for="TeamId">

<input data-role="combobox" data-bind="value: TeamId" />

</div>

This gives me the value, but not the list, how do I get the list ?
thanks

Scheduler

answered on 30 Aug 2013

1 answer

99 views

TreeView example not working in latest nightly

Recreated this http://demos.kendoui.com/web/treeview/remote-data.html using latest nightly

On expanding, the root folder seems to contain itself, the returned id never seems to be bound to the tree view at all.

TreeView

answered on 29 Aug 2013