Questions on UI for ASP.NET MVC Forum

1 answer

74 views

I set up a value of input text box via javascript. However, the value is not seen from server (i.e. remaining as null).

Could anyone advice how to resolve this?

Grid

answered on 24 Jan 2013

3 answers

1.2K+ views

Grid not binding a Checkbox to Boolean in Model

I've created the following editable grid bound to a model. The Date and Integer EditorTemplates work just fine.

However, our user case requires that we multi-select via a checkbox, which is why I added a Selected boolean in the Model. I'd rather cycle through these via the grid's data than by iterating through [tr]s, as it is a much cleaner way to do so.

Via a custom Checkbox EditorTemplate and the ClientTemplate I'm able to successfully display a checkbox. However, I have tried many ways to bind it to the actual Model property and have failed each time. I've tried @HTML.CheckboxFor and @HTML.Checkbox within my EditorTemplate, the latter working properly but not binding to the Model. The CheckboxFor throws a message about not being able to bind a null value... I've tried bool?, bool and System.Boolean, but all three would not bind properly.

View

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

.Name("ExtensionInfoGrid")

.Columns(columns =>

{

columns.Bound(o => o.Selected)

.Title("")

.Width(50)

.ClientTemplate("<input type='checkbox' id='isSelected' name='isSelected' #if(Selected){#checked#}# value='#=Selected#' />")

.EditorTemplateName("Checkbox");

columns.Bound(o => o.ExtendFromDate)

.Title("Extend From Date *")

.Width(150)

.Format("{0:M/d/yyyy}")

.Filterable(false)

.Sortable(true)

.EditorTemplateName("Date");

columns.Bound(o => o.Units)

.Title("Units *")

.Width(100)

.EditorTemplateName("Integer");

columns.Bound(o => o.UnitType).Title("Unit Type");

})

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

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

.Model(model =>

{

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

model.Field(m => m.Selected).Editable(true);

model.Field(m => m.ExtendFromDate).Editable(true).DefaultValue(DateTime.Now);

model.Field(m => m.Units).Editable(true);

model.Field(m => m.UnitType).Editable(false);

})

)

)}

Model

using System;

using System.Collections;

using System.Collections.Generic;

using System.Linq;

using ProviderWebAppMVC.UmServiceRef;

namespace ProviderWebAppMVC.Models

{

    public class ExtensionDetail

    {

        public ExtensionDetail()

        {

            Selected = true;

            Code = string.Empty;

            Description = string.Empty;

            ExtendFromDate = DateTime.Now;

            ExtendToDate = DateTime.Now;

            Units = 0;

            UnitType = string.Empty;

        }

        public bool Selected;

        public string Code;

        public string Description;

        public DateTime ExtendFromDate;

        public DateTime ExtendToDate;

        public int Units { get; set; }

        public string UnitType { get; set; }

    }

}

Grid

answered on 24 Jan 2013

1 answer

160 views

Postback after selection

I am able to define autocomplete in grid popup editor and is also able to select value from the dropdown. However when clicking the update button, the selected value is not retrieved (i.e. value is null).

Any one can advise what happens?

AutoComplete

answered on 24 Jan 2013

1 answer

186 views

Server Filtering

I try to use this feature on Dropdownlist but unsuccessful. Any one can provide me a working example besides casading demo one.

DropDownList

answered on 24 Jan 2013

1 answer

116 views

[Solved] get t

Hello,
if i have in razor this dropdownlist
@(Html.Kendo().DropDownList()
          .Name("category")
          .OptionLabel("Select a product...")
          .DataTextField("ProductName")
          .DataValueField("ProductID")
          .HtmlAttributes(new { style = "width:200px" })
          .DataSource(source => source.Read("ProductListData", "Controls"))
          .Events(ev => ev.Change("change"))


)

how can i use in the same view, the value of the dropdownlist using razor syntax?
i was looking for something like @Html.Kendo().DropDownList("category").Value()...

Regards,
Daniel

P.S:i think i put first this same post also to Web UI\DropDownList,please excuse me.

DropDownList

answered on 24 Jan 2013

4 answers

192 views

Issues with select tag in a modal window (Q3 2012)

Hello,

I have a problem with select tag in latest version of Kendo UI (asp.net MVC Q3 2012).

The options could not be selected if I put select options in a model popup

My select options content:

<select name="country" id="country">

<option value="AU">AU</option>

<option value="US">US</option>

<option value="CN">CN</option>

</select>

It was worked in previous version.

Thanks

Window

answered on 23 Jan 2013

9 answers

1.2K+ views

[Solved] Working with nullable fields

I am trying to use a NumericTextBox with a nullable decimal. When the numeric text box is left blank, the default "The field <field name> must be a number" message appears.

How can I submit the data with an empty NumericTextBox to pass a null value to my controller?

Thanks!

NumericTextBox

answered on 23 Jan 2013

2 answers

334 views

[Solved] change inline editing/delete button to an image

Currently the grid edit/delete is showing a button with text along with the mouse over effect, what is the best way to replace these button with an images? The reason is we see that these button takes too much space and would like to replace it with a smaller image so more data can be shown. TIA.

Grid

answered on 23 Jan 2013

6 answers

107 views

[Solved] Grid Paging when not directly connected to the model

Hi,

I'm having a problem with paging where the whole data set is return each turn rather than just the records that are due to appear on that page of the grid.

If I connect straight to the model e.g.

var model = new Context();

var reqassess = model.ReqAssesses;

return reqassess;

Then the query will select the top 30 records etc

But in our projects we tend to have a service layer and repositories
Controller:

public ActionResult Products_Read([DataSourceRequest] DataSourceRequest request)
{
return Json(GetRequests().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}

GetRequests method:

var reqassess = reqAssessService.GetReqAssess();
return reqassess;

Service layer:

public IEnumerable<ReqAssess> GetReqAssess()

{

return _repository.GetReqAssess();

}

Repository

public IEnumerable<ReqAssess> GetReqAssess()

{
return _context.ReqAssesses.Where(r => r.CompId == "TEST").ToList();
}

When I do it this way it returns the whole dataset everytime, which causes significant performance problems. Are you able to help me with this at all?

Thanks

Grid

answered on 23 Jan 2013

2 answers

211 views

Cannot find helper methods

I'm trying to install Kendo UI MVC server wrappers on an existing MVC project.

I added a reference to my project (pointing to the dll) and I placed the entry in my web.config file. (all of the js and css files are also there)

My views still cannot find the Html.Kendo() methods. What else can I be missing?

Thanks

Installer and VS Extensions

answered on 23 Jan 2013