Questions on UI for ASP.NET MVC Forum

11 answers

604 views

Hello!
I have DropDownList with OptionLabel
If I create new data, first element in my DropDownList , it's text from OptionLabel
And I push SaveButton! But I don't get error : "you have not chosen 'here name of field'"!
what am I doing wrong?

Thanks for help!

DropDownList

answered on 12 Apr 2013

3 answers

182 views

I tried to get the dropdownlist to show up in the edit event of the grid but it is not showing up?

So may be it has no idea of the container?

Can you pass to your support team for a quick answer?

@(Html.Kendo().Grid<PGE.MCRM.RDC.Web.ViewModel.TCA.CustomNotionalValueVM>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(p => p.TRADE_KEY).Title("Trade Key").Width(80);

columns.Bound(p => p.SYS_NAME).Title("PG&E System").Width(120);

columns.Command(command => command.Destroy()).Width(110);

})

.ToolBar(toolbar =>

{

toolbar.Create();

toolbar.Save();

})

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

.Sortable()

.Scrollable()

.Filterable()

.Events(e => e.Edit("gridEdit"))

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.ServerOperation(false)

.Events(events => events.Error("error_handler"))

.Model(model => {

model.Id(p => p.TRADE_KEY);

model.Field(p => p.TRADE_KEY).Editable(false); }

)

.Create(update => update.Action("SaveNotionalValues", "TCA"))

.Read(read => read.Action("GetNotionalValues", "TCA", new { sysID = "17", userID = "", tradeKey = "" }))

.Update(update => update.Action("SaveNotionalValues", "TCA"))

.Destroy(update => update.Action("DestroyNotionalValues", "TCA"))

)

//edit event and I check it is calling this function when I click on the new created row second column

function gridEdit() {

//handle the grid edit event to get the dropdownlist show up

$('<input id="SYS_NAMEID" name="SYS_NAMEID" required />').appendTo(container).kendoDropDownList({

autoBind: false,

dataSource: pgeSystemsDataSource,

dataTextField: "SYS_NAME",

dataValueField: "SYS_NAME",

});

$('<span class="k-invalid-msg" data-for="SYS_NAME"></span>').appendTo(container);

}

DropDownList

answered on 12 Apr 2013

2 answers

91 views

Non mandatory fields in IE8 becomes mandatory (IE9, Chrome it works fine)

Hi,

I have person details model and has address, city, state, postal code fields. Out of them the state and postal code are optional. I have not applied any external validations.

[Display(Name = "Address")]

[DataType(DataType.Text)]

[StringLength(200)]

[Required]

public string Address { get; set; }

[Display(Name = "State")]

[DataType(DataType.Text)]

[StringLength(100)]

public string State { get; set; }

[Display(Name = "Postal Code / Zip")]

[DataType(DataType.Text)]

[StringLength(10)]

public string ZipPostalCode { get; set; }

When I perform the add/edit operation through screen, i get address, state, postalcode are mandatory validation error in IE8. It works perfectly fine in IE9 and Chrome. I am using latest Kendo ASP.Net MVC build Q1 2013.

The same thing happens with my nullable foreign key. It excepts null value in IE9 and Chrome whereas gives validation error in IE8.

Thanks,
Nirav

General Discussions

answered on 12 Apr 2013

2 answers

132 views

Aspnet Mvc/Helpers/Grid/Ajax-editing

Hello!
I have one questons!

I use help from
http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/listview/editing

and why if I use "public ActionResult Editing_Create"
I need return

return Json(new [] { product }.ToDataSourceResult(request, ModelState));

but if I use public ActionResult Editing_Update
I need return

return Json(ModelState.ToDataSourceResult());

In my project,when I use

return Json(ModelState.ToDataSourceResult());

for my Update Method...I get "ModelState.ToDataSourceResult = null", and if I use first example, I get what I need

Please help!
Give me please some explanation
And sorry for my bad English

Grid

answered on 11 Apr 2013

3 answers

350 views

Grid filter menu events? and a bit of globalization...

Are there any client side events available for events related to the filter popup menu of the grid?

We are currently using jquery Globalize(https://github.com/jquery/globalize) as a solution to our globalization requirement for our web app.

To keep number and date formats consistent accross the application we would like to use the plugin for the kendo ui grid as well (we're currently evaluating kendo ui as a replacement for the grid that we currently use).

Our current grid exposes events such as FilterPopUp and FilterRequest. We need such client side events so that when a user interacts with the filter menu, we can format/unformat numbers/dates that the user interacts with in order to keep a standard format within the grid but display globalized values to users.

1) Does the Kendo UI Grid filter menu expose such events?

2) Has anyone successfuly implemented globalization without using the built in kendo globalization?

Thank you,

Grid

answered on 11 Apr 2013

1 answer

358 views

How to do a Full Text Search filter

Hello I have searched everywhere I can think of and cannot find any guidance on how to do a Full Text Search Filter.
I need to filter on ANY Word, ALL Words or EXACT phrase selected from a combo box.
Your built in filter thing is impractical for 90% of all my filter needs so I have to create my own filters using $filter.push
One of the fields in my database ( which is obviously not displayed in the grid) contains many thousands of words, so a normal
$filter.push({ field: "Chapter", operator: "contains", value: $SearchString });
would be unsuitable

Please can you help me find the relevant documentation on how to filter with Full Text Search on a field that does not appear in the grid.
If FTS is not possible, would you suggest that I forget about using an MVC wrapper and try learning about your basic Kendo UI ( or whatever you call it)

Many thanks.

Grid

answered on 11 Apr 2013

6 answers

574 views

AutoComplete not working for Numeric values

I am using the Autocomplete control on an asp.net MVC3 razor page. I bound the autocomplete to a list of measurements in my model. The Datatextfield is a property on a measurement with a datatype of decimal ex. 1.25. However, I get an error Object doesn't support this method 'ToLowerCase'. Can I not use a DataTextField which is not a string? My datasource is a list of numbers, not strings.

The error 'object doesn't support this method toLowerCase' happens on the code below:

function anonymous(d, __f, __o) {
return (d.measurement.toLowerCase().lastIndexOf('1', 0) == 0)
}

Here is my configuration:

@(Html.Kendo().AutoComplete()
.Name("measuresautocomplete")
.BindTo(Model.measures)
.DataTextField("measurement")
.Filter(FilterType.StartsWith)
)

AutoComplete

answered on 11 Apr 2013

3 answers

1.8K+ views

Passing Action Data to a Window

I'm following the basic model of displaying a window from an action in a Kendo Grid. The content of the window needs to be loaded via a Partial View from an Action but I cannot figure out how to pass data to the Window so that when it loads the View it can pass that data along. I need to accomplish something akin to the code below.

@(Html.Kendo().Grid<ActivationModel>()
.Name("activationGrid")
.Columns(columns =>
{
columns.Bound(p => p.RawMessageId).Hidden();
columns.Command(command => command.Custom("SendActivation").Text("Re-send Activation Email").Click("sendActivation"));
})
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.PageSize(20)
.Read(read => read.Action("Activations", "Activation"))
.Model(model => model.Id(k => k.RawMessageId))
)
)
@(Html.Kendo().Window().Name("ActivationWindow")
.Title("Customer Details")
.Visible(false)
.Modal(true)
.Draggable(true)
.Width(300)
.LoadContentFrom("Activation", "ResendActivation", new { rawId = [NEED TO INSERT DATA HERE] })
)

<script type="text/javascript">
function sendActivation(e) {
e.preventDefault();
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
var wnd = $("#ActivationWindow").data("kendoWindow");
wnd.center().open();
}
</script>

Window

answered on 11 Apr 2013

4 answers

200 views

ArgumentNullException thrown in RouteCollection.SetItem

I converted my WebForms application to a web application, but now I am unable to use the Kendo ASP.NET MVC widgets.

I have tried to code examples, and both cause ArgumentNullExceptions to be thrown in System.Web.Routing.RouteCollection.

Here are two examples:

@(Html.Kendo().Menu().Name("menu").Items(menuItemFactory => { menuItemFactory.Add().Text("Menu Item"); }))

Results in this exception:

[ArgumentNullException: Value cannot be null.
Parameter name: item]
   System.Web.Routing.RouteCollection.SetItem(Int32 index, RouteBase item) +2340263
   System.Collections.ObjectModel.Collection`1.set_Item(Int32 index, T value) +116
   Kendo.Mvc.UI.NavigatableExtensions.IsCurrent(INavigatable navigatable, ViewContext viewContext, IUrlGenerator urlGenerator) +69
   Kendo.Mvc.UI.Menu.HighlightSelectedItem(MenuItem item) +86
   Kendo.Mvc.Extensions.EnumerableExtensions.Each(IEnumerable`1 instance, Action`1 action) +194
   Kendo.Mvc.UI.Menu.WriteHtml(HtmlTextWriter writer) +202
   Kendo.Mvc.UI.WidgetBase.ToHtmlString() +115
   Kendo.Mvc.UI.Fluent.WidgetBuilderBase`2.ToHtmlString() +62
   System.Web.HttpUtility.HtmlEncode(Object value) +38
   System.Web.WebPages.WebPageBase.Write(Object value) +68
   ASP._Page_Views_PlayerGroup_ScreenLayout_cshtml.Execute() in c:\Development\Development\c#\Clients\DAT Media\CMS\CMS.Website\Views\PlayerGroup\ScreenLayout.cshtml:15
   System.Web.WebPages.WebPageBase.ExecutePageHierarchy() +197

Similarly, calling the TabStrip code:

@(Html.Kendo().TabStrip()

.Name("tabStrip")

.Items(tabStrip =>

{

tabStrip.Add().Text("First").Content("First tab strip content");

tabStrip.Add().Text("Second").Content("Second tab strip content");

}

)

Results in the same exception. (The only difference it that it's TabStrip.WriteHtml instead of Menu.WriteHtml)

[ArgumentNullException: Value cannot be null.
Parameter name: item]
   System.Web.Routing.RouteCollection.SetItem(Int32 index, RouteBase item) +2340263
   System.Collections.ObjectModel.Collection`1.set_Item(Int32 index, T value) +116
   Kendo.Mvc.UI.NavigatableExtensions.IsCurrent(INavigatable navigatable, ViewContext viewContext, IUrlGenerator urlGenerator) +69
   Kendo.Mvc.UI.TabStrip.HighlightSelectedItem(TabStripItem item) +80
   Kendo.Mvc.Extensions.EnumerableExtensions.Each(IEnumerable`1 instance, Action`1 action) +194
   Kendo.Mvc.UI.TabStrip.WriteHtml(HtmlTextWriter writer) +294
   Kendo.Mvc.UI.WidgetBase.ToHtmlString() +115
   Kendo.Mvc.UI.Fluent.WidgetBuilderBase`2.ToHtmlString() +62
   System.Web.HttpUtility.HtmlEncode(Object value) +38
   System.Web.WebPages.WebPageBase.Write(Object value) +68
   ASP._Page_Views_PlayerGroup_ScreenLayout_cshtml.Execute() in c:\Development\Development\c#\Clients\DAT Media\CMS\CMS.Website\Views\PlayerGroup\ScreenLayout.cshtml:15

I have also created a new project using the "Kendo UI for MVC Web Application" template, and it works fine. So I guess there's one of the gazillion possible settings in my main project which isn't correct. But how can I figure out which one?

I've attached my Web.Config and web project file,.

General Discussions

answered on 10 Apr 2013

0 answers

164 views

[Solved] Using telerik and kendo ui (both mvc) at the same page

Hello,

Should I expect any problems using telerik and kendo ui (both mvc) at the same page? Or does they use proxy variable for jquery? If I should, what's the best way to avoid it?

Thanks

General Discussions

asked on 10 Apr 2013