Questions on UI for ASP.NET MVC Forum

4 answers

113 views

Editing Custom Editor Demo is not working in my Local Environment

I'm trying to use Editing Custom Editor in my local Environment http://demos.telerik.com/aspnet-mvc/grid/editing-custom
But It is not working as it should be and not showing Drop Down List for Category Column in Edit mode and show numeric text box and text box instead
I'm using Northwind Database as in your example and I didn't change a lot in your code but it is not working .. so could you help to fix this issue and make it work as your example.

Grid

answered on 27 Jul 2015

5 answers

421 views

TimelineView setting number of days/timeslots

In the webforms control I was able to set the Timeline to a specific day then set how many days I wanted to see after that day. I did this by setting the NumberOfSlots property. I have not been able to find this property in the MVC Scheduler. How do I get this same behavior with the MVC Scheduler control.

thanks for the help.

Scheduler

answered on 27 Jul 2015

5 answers

423 views

ClientRowTemplate with external template

I want to use ClientRowTemplate with external template but cant seem to reference it

.ClientRowTemplate( what goes here )

how to do . thanks

<script id="cart-grid-template" type="text/x-kendo-template">

...

</script>

Grid

answered on 27 Jul 2015

3 answers

120 views

PopUp Edit Mode not using custom editor

Hi,

I have two custom editors in my Grid.

One is a simple dropdown for a "ForeignKeyColumn" - using UIHint("MyEditor") this works fine in Inline as well as in PopUp edit mode.

An other column using a "MultiSelect" works in Inline but not in PopUp edit mode.

In PopUp the whole Column is not displayed.
It is something like the territories in Northwind, where on Record can belong to multiple Territories.
I works fine in Inline - but (for other reasons) I would need PopUp.

Manfred

Grid

answered on 24 Jul 2015

4 answers

1.4K+ views

Checkbox not working

Hi, I am using Kendo for ASP.Net MVC version 2015.2.264 using the Blue Opal theme. I have a checkbox input which is not "checkable" when bound to a model property via the @CheckBoxFor razor syntax. It renders correctly using the Kendo assigned theme, but does not allow you to check it even though it is not disabled.

This works:

<div style="display:block;">
<input type="checkbox" id="chkIntegrated" class="k-checkbox" name="Integrated">
<label class="k-checkbox-label" for="chkIntegrated">Integrated 2</label>
</div>

This does NOT work:

<div style="display:block;">
@Html.CheckBoxFor(Function(m) m.Integrated, New With {.class = "k-checkbox", .Id = "chkIntegrated"})
@Html.LabelFor(Function(m) m.Integrated, New With {.class = "k-checkbox-label"})
</div>

I have attached the test html page which illustrates this. Any ideas?

General Discussions

answered on 24 Jul 2015

3 answers

286 views

Getting client side errors from validator in templated pop up editor from Grid

Hello !

I have a kendo UI grid displaying data with a templated pop up for edition.:

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

.Name("Grid")

.Events(events => {events.Edit(@<text>

function(e) {

e.sender.editable.validatable._errorTemplate = kendo.template($('#tooltip-template').html());

}

</text>);})

.Columns(columns =>

{

columns.Bound(m => m.DateReceived);

columns.Bound(m => m.SupplierName);

columns.Bound(m => m.InvoiceNo);

columns.Bound(m => m.RefFileNo);

columns.Bound(m => m.InvoiceDate);

columns.Bound(m => m.Amount);

columns.Bound(m => m.DatePayment);

columns.Command(command => { command.Edit().CancelText(" ").UpdateText(" ").Text(" "); }).Title(Litigation.Action);

})

.ToolBar(config =>

{

config.Create().Text(Litigation.AddInvoice);

})

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("LitigationInvoiceEditPopUp").Window(w => { w.Width(711); w.Height(300); w.HtmlAttributes(new { @class = "invoice" }); })

.DisplayDeleteConfirmation(Generic.Delete))

.Sortable()

.Resizable(resize => resize.Columns(true))

.DataSource(datasource => datasource

.Ajax()

.Model(model =>

{

model.Id(m => m.Id);

model.Field(m => m.LitigationFileId).DefaultValue(Model.LitigationFileId);

})

.Read(read => read.Action<Controller>(x => x.Read(null, Model.LitigationFileId)))

.Create(create => create.Action<Controller>(x => x.Create(null, null)))

.Update(update => update.Action<Controller>(x => x.Update(null, null)))

.Events(events => events.Error(@<text> function(e) {

debugger;

error(e);}

</text>))

.PageSize(int.MaxValue)

)

I have succeeded in setting the error Template for the validation errors and it works well. But when validation errors occurs on a combobox, the combobox border does not change to red. In my other pages I have done something like this :

var validator = $("form").kendoValidator({

validate: function (e) {

return showErrors(this.errors(),this._errors)

},

errorTemplate: "<div class='validationMessage' style='color:red;font-size:10px;'>#=message#</div>"

}).data("kendoValidator");

The function showErrors changes the colors of the combobox if they are in the parameters "this._errors"

I want to do the same thing with the validator of the popup but I have not find a way to do it yet. Here is what I already tried :

In the definition of the DataSource in the grid :

Update(update => update.Action<Controller>(x => x.Update(null, null)))

.Events(events => events.Error(@<text> function(e) {

debugger;

error(e);}

</text>))

This is not even fired because I guess it is the server side event and the validation stops before going server side

and in the Edit Event of the grid :

.Events(events => {events.Edit(@<text>

function(e) {

e.sender.editable.validatable._errorTemplate = kendo.template($('#tooltip-template').html());

e.sender.editable.validate = = function(e) {debugger;error(e, this);}

}

e is always undefined et this does not contains any errors and the validation messages do not show up anymore.

I could really need a hand on this one !

Thanks,

Guillaume

Grid

answered on 23 Jul 2015

2 answers

713 views

TimeStamp (RowVersion) column passing NULL model.TimeStamp when inline editing

Model.RowVersion (TimeStamp) field is NULL when inline editing a row that includes a TimeStamp byte[] field, when inspecting the Model.RowVersion value in the UPDATE Controller action.

I require this field because I am doing concurrency checking on the database when I update a row?

To get around this I will probably change the database data type from a TimeStamp to a UniqueIdentifier (GUID) or INT see: http://stackoverflow.com/questions/1687555/version-number-or-timestamp-for-optimistic-concurrency

columns.Bound(f => f.FluidID).Title("ID").Width(50).Hidden();

columns.Bound(f => f.Name).Title("Name");

columns.Bound(f => f.Code).Title("Code");

columns.Bound(f => f.Grade).Title("Grade");

columns.Bound(f => f.Manufacturer).Title("Manufacturer");

columns.Bound(f => f.RowVersion).Title("RowVersion").Hidden().IncludeInMenu(false);

columns.Command(command => { command.Edit(); command.Destroy(); }).Width(182);

Grid

answered on 23 Jul 2015

4 answers

272 views

Editable hierarchy Grid

Hello,
i need a help to use custom command in hierarchy grid. to add, edit and delete parent and child in the same grid.
Could you help me please.

Thanks

Grid

answered on 23 Jul 2015

5 answers

102 views

Random culture

Hi,

In all my projects using kendo, I have a problem with the culture. I set the culture in french but sometimes, the culture come back in english. So what I did exactly, in my main layout, i set the cultre like this : <script> kendo.culture("fr-FR"); </script> and in my references I included Kendo.Mvc.resources.

Did i forget something ?

Thanks by advance

General Discussions

answered on 23 Jul 2015

2 answers

2.0K+ views

How do I use CompositeFilterDescriptor to set the initial datasource

I am looking to filter the datasource for Grid with a CompositeFilterDescriptor instead of just a FilterDescriptor so I can set the or condition. I can't quite figure out a way to do this using the example on your site as well as playing around with the different constructors for the add method. The add methods only take a FilterDescriptor. Below is an example from your site, is this possible using the Filter() Method on the grid to asdd

@(Html.Kendo().Grid<Product>()

.Name("grid")

.DataSource(dataSource => dataSource

.Ajax()

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

.Filter(filters =>

{

// Show products whose ProductName property contains "C"

filters.Add(product => product.ProductName).Contains("C");

// and UnitsInStock is greater than 10

filters.Add(product => product.UnitsInStock).IsGreaterThan(10);

})