Questions on UI for ASP.NET MVC Forum

1 answer

325 views

Please see attached code. I noticed that when the date portion was invalid I got the standard "date is not valid". However if only the time portion was invalid, the form would validate. So I added the custom rules scripting. That seemed to do the trick. However, now if the time is wrong, the message shows above the datetimepicker. If the date is wrong, it shows below the datetimepicker. If both are wrong it shows both messages duplicated. I must be doing something wrong. I've spend hours on this so I thought I'd ask. thank you.

<script>

    $("#theform").kendoValidator({
        rules: {
            date: function (input) {
                if (!kendo.parseDate(input.val()))
                    return false;
                else return true;
            }
        },
        messages: {
            date: "Please enter a valid date/time."
        }
    });

</script>
<div id="sleepdelayform" class="centerform">
    <label>Select a date and time for when you'd like this task to be available:</label>

    <br /><br />
    @using (Ajax.BeginForm("SleepDelaySave", "Home", new AjaxOptions
    {
        UpdateTargetId = "sleepdelayform"
    }, new { id = "theform"}))
    {
        <input type="hidden" id="serialNumber" name="serialNumber" value="@(ViewBag.serialNumber)" />
        @(Html.Kendo().DateTimePicker()
            .Name("sleepdelaydatetimepicker")
            .Value(DateTime.Now)
        )

        <br />
        <span class="k-invalid-msg" data-for="sleepdelaydatetimepicker"></span>
        <br />
        <input type="submit" class="k-button" value="Save" />
    }
</div>

Date/Time Pickers

answered on 11 Oct 2013

1 answer

116 views

Upgrading to latest version

Hi,
I am trying to upgrade my ASP.Net MVC4 project to the latest version of Kendo UI. I used the upgrade wizard, but it broke my project and caused some issues. So now I am trying to upgrade manually.

My question is what is the purpose of creating bundles for the CSS and JavaScript files of Kendo UI in BundlesConfig.cs file. My current project has these bundles added, but if I remove them, everything runs fine.

Also my current project does not contain a reference to Kendo.Mvc assembly in the web.config file. So if this step is mandatory, then how is my project working now. And should I include it while upgrading to the latest version and what is the purpose of this

Thanks

General Discussions

answered on 11 Oct 2013

3 answers

125 views

Getting item index in BindTo method

I wanted to set the menu item selection based on a persisted item index but cannot see how I can access the menu item index from within the BindTo() section. I have worked around this in the code below by matching on the label but this is not ideal. Is it possible to compare the item index instead? Thanks.

@(Html.Kendo().Menu()

.Name("viewTypeMenu")

.HighlightPath(false)

.BindTo(Model.ViewTypeLabels, (item, value) =>

{

item.Text = value;

item.Selected = (value == Model.SelectedViewTypeLabel);

})

)

Menu

answered on 10 Oct 2013

4 answers

184 views

Null Value when Edit

Hello,

I have a simple Kendo Grid with an id (int) and a type (string) data types as columns. When i try to do an edit the value of that string is returned null in the controller instead of the value i provided in the grid.

Any ideas why this is happening?

Thanks!

Grid

answered on 10 Oct 2013

5 answers

590 views

Is it timezone error in scheduler?

i have kendo scheduler configured as follows:

@(Html.Kendo().Scheduler<Dansinn.Models.Event>()

.Name("scheduler")

.Height(600)

.Messages(messages =>

{

messages.Save(LocalizationResources.OK);

messages.Cancel(LocalizationResources.Cancel);

})

.Views(views =>

{

views.DayView();

views.WeekView(weekView => weekView.Selected(true));

views.MonthView();

views.AgendaView();

})

.Timezone("Etc/UTC")

.Editable(editable => editable.TemplateName("Event").Resize(false))

.DataSource(builder =>

{

builder.Events(events =>

{

events.Error("bs.kendo.scheduler.onError");

events.RequestEnd("bs.kendo.onRequestEnd");

});

builder.Create(operationBuilder => operationBuilder.Action<ScheduleController>(controller => controller.Create(null)));

builder.Update(operationBuilder => operationBuilder.Action<ScheduleController>(controller => controller.Update(null)));

builder.Destroy(operationBuilder => operationBuilder.Action<ScheduleController>(controller => controller.Remove(null)));

builder.Read(operationBuilder => operationBuilder.Action<ScheduleController>(controller => controller.Get(null)));

builder.Model(factory =>

{

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

factory.Field(model => model.Type);

factory.Field(model => model.Start);

factory.Field(model => model.End);

factory.Field(model => model.Title);

factory.Field(model => model.RecurrenceRule);

factory.Field(model => model.RecurrenceException);

factory.Field(model => model.Description);

factory.Field(model => model.IsAllDay);

});

}))

In my computer I have currently timezone UTC+2. When I adding a new event and set start date to 17:10 (5:10 PM) it is send to server as 19:10 (7:10 PM). I think that scheduler should send to server 15:10 value (3:10 PM). Is it bug in scheduler or in my understanding?

Scheduler

answered on 10 Oct 2013

3 answers

94 views

Paging doesn't work with xml data binding

Hi,

I am working on a prototype for our new project, after the approval of this prototype we will move ahead and buy the license.

I want to load the grid with data from xml file, display it with all features (sorting, paging, filtering, etc.)

Below is the code I use in Controller and Razor

public ActionResult Index()

{

return View(GetQueueItems());

}

private static IEnumerable<TmpQueueModel> GetQueueItems()

{

IList<TmpQueueModel> ieTmpQueueModel = null;

TmpQueueModel tmpQueueModel = null;

try

{

DataSet dsQueue = new DataSet();

dsQueue.ReadXml("\\App_Data\\Queue.xml");

if (dsQueue.Tables[0].Rows.Count > 0)

{

ieTmpQueueModel = new List<TmpQueueModel>();

foreach (DataRow dr in dsQueue.Tables[0].Rows)

{

tmpQueueModel = new TmpQueueModel();

tmpQueueModel.Action = dr["Action"].ToString();

//tmpQueueModel.AssignedDate = dr["AssignedDate"].ToString();

//tmpQueueModel.AssignedTo = dr["AssignedTo"].ToString();

// tmpQueueModel.Comment = dr["Comment"].ToString();

tmpQueueModel.ConsumerFirstName = dr["ConsumerFirstName"].ToString();

tmpQueueModel.ConsumerId = dr["ConsumerId"].ToString();

tmpQueueModel.ConsumerLastName = dr["ConsumerLastName"].ToString();

tmpQueueModel.ExternalReferenceID = dr["ExternalReferenceID"].ToString();

tmpQueueModel.First_Name = dr["First_Name"].ToString();

//tmpQueueModel.IsReserved = (bool)dr["IsReserved"];

tmpQueueModel.Last_Modified_Date_and_Time = dr["Last_Modified_Date_and_Time"].ToString();

tmpQueueModel.Last_Name = dr["Last_Name"].ToString();

tmpQueueModel.LastModifiedBy = dr["LastModifiedBy"].ToString();

tmpQueueModel.Medicaid_No_ = dr["Medicaid_No_"].ToString();

tmpQueueModel.No_ = dr["No_"].ToString();

tmpQueueModel.PacketReceivedDate = dr["PacketReceivedDate"].ToString();

//tmpQueueModel.QueueHistoryDate = Convert.ToDateTime(dr["QueueHistoryDate"]);

tmpQueueModel.QueueId = Convert.ToInt32( dr["QueueId"]);

//tmpQueueModel.QueueStatus = dr["QueueStatusId"].ToString();

ieTmpQueueModel.Add(tmpQueueModel);

}

return ieTmpQueueModel;

}

catch

{

return null;

}

public ActionResult QueueItems_Read([DataSourceRequest] DataSourceRequest request)

{

return Json(GetQueueItems().ToDataSourceResult(request));

}

----------XXXXXXXXXXX------------

@model IEnumerable<GenericQueue.Models.TmpQueueModel>

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

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.ConsumerId).Groupable(false);

columns.Bound(p => p.PacketReceivedDate);

columns.Bound(p => p.First_Name );

columns.Bound(p => p.Last_Name);

})

.Groupable()

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(5)

.Read(read => read.Action("QueueItems_Read", "Grid"))

)

Thanks in advance.

Regards,
Ravi

Grid

answered on 10 Oct 2013

9 answers

704 views

Uncaught Error: Invalid template in nested Grid

I have a project working fine in ASP.Net MVC 4 with kendo UI 2012.2.710 developed in VS2010.

I have recently installed VS2012 and there I have Kendo 2012.3.1114. I just copied all the code from the VS2010 to VS2012 and it all just worked except for one small point. I have a nested grid and I use a template for the detail. That template is shown below. It works fine in the 2010 project but 2012 always says "Uncaught Error: Invalid template:" and the template is identical. If I comment out the .ClientTemplateId statement, the main grid displays just fine. If I paste the template into its own Partial View and display it separately, it displays just fine but it always errors as a template.

I have tried commenting out parts of the template, even getting to the point where it o nly has the Name and ToClientTemplate calls and it STILL errors. So I just wonder if something is broken with templates in the latest version of Kendo or the latest version of VS. The template is below:

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

@(Html.Kendo().Grid<AWSQBCC.Models.Pane>()

.Name("Panes_#=LiteId#")

.Columns(columns =>

{

//columns.Bound(p => p.PaneId);

columns.Bound(p => p.Sequence);

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

columns.ForeignKey(p => p.GlassId, (System.Collections.IEnumerable)ViewData["glasses"], "GlassId", "GlassType").Title("Glass Type");

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

})

.DataSource(dataSource => dataSource

.Ajax()

.Sort(sort =>

{

sort.Add(p => p.Sequence);

})

.Read(read => read.Action("Pane_Read", "Lite", new { id = "#=LiteId#" }))

.Destroy(destroy => destroy.Action("Pane_Delete", "Lite"))

.Update(update => update.Action("Pane_Update", "Lite"))

.Create(create => create.Action("Pane_Create", "Lite", new { id = "#=LiteId#" }))

.Model(model =>

{

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

model.Field(p => p.PaneId).Editable(false);

model.Field(p => p.LiteId).Editable(false);

model.Field(p => p.GlassId);

})

.Events(events => { events.Error("error"); })

)

.ToolBar(commands => commands.Create())

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

//.Events(events => events.DataBound("refresh"))

.ToClientTemplate())

</script>

Any help much appreciated.

Grid

answered on 10 Oct 2013

3 answers

569 views

Grid detail datasource force refresh on expand.

How can I force the grid detail/template datasource to refresh in the detailExpand event handler?

function detailExpand(e) {
try {
     var dataItem = e.sender.dataItem(e.masterRow);
     if ($.inArray(dataItem.Key, expanded) == -1) {
      expanded.push(dataItem.Key);
}
} catch (ex) {
expanded = [];
}
}

Grid

answered on 10 Oct 2013

1 answer

400 views

ICollection Property and UIHint

Hello -

I have created a POCO class (called User) which I decorated some properties with a custom Editor Template. The custom Editor Template (called WorkflowUsers) simply prints the text "HI". I have a grid set up, which displays all of the Users. It has a button which launches the editor pop-up, allowing you to create a new User. The "Domain" property properly uses the custom Editor which I have specified using the UIHInt, however the Roles property does not even show (no display label nor custom editor) on the popup. I have tried making it a List, making it non-virtual. I am confused.

Note: I am using the Trial version, as my full-version won't be purchased until the end of the week due to my company's billing process.

[Required]

[DisplayName("Domain")]

[MaxLength(100)]

[UIHint("WorkflowRoles")]

public string Domain { get; set; }

[DisplayName("Roles")]

[UIHint("WorkflowRoles")]

[Required]

public virtual ICollection<Role> Roles { get; set; }

Grid

answered on 10 Oct 2013

4 answers

170 views

DropdownHtmlAttribute migratin for Kendo combobox

Hi,

I am migrating my application from MVC Extensions to Kendo. I have a Combobox whose width (in the closed state) is 250px. But when it is open, the width of the dropdown is 400px. Please have a look at the attached screenshot.
I achieve it with something like

@(Html.Telerik().ComboBox().Name("CbPlants")

...

.HtmlAttributes(new { style = "z-index: 20; width: 250px;" })

.DropDownHtmlAttributes(new { style = "width: 400px;" })

)

When I migrate it to Kendo, I couldn't find an equivalent to have a DropDownHtmlAttributes for customizing the width. Any idea how I can achieve this effect ?

Thanks & Regards

Achilles

ComboBox

answered on 10 Oct 2013