Scheduler grid demo

Scheduler built using the awesome Grid, AjaxRadioList and PopupForm controls.

SchedulerDemo/Index.cshtml
@{
var id = "Schedule1";
}

@(Html.InitCrudPopupsForGrid(id, "SchedulerDemo", 570, reload: true, cfg: (opt, act) => opt.ParameterFunc = "utils.getMinutesOffset"))

<button type="button" class="awe-btn" onclick="awe.open('create@(id)')">Create</button>

<div class="scheduler">
<div class="schedBar">
<div class="o-btng sbitem">
<button type="button" class="awe-btn todaybtn">Today</button><button type="button" class="awe-btn prevbtn"><i class="o-arw left"></i></button><button type="button" class="awe-btn nextbtn"><i class="o-arw right"></i></button>
</div>
<div class="sbitem">
@Html.Awe().DatePicker("Date").CssClass("schDate").HtmlAttributes(null, new { tabindex = -1 })
<span class="dateLabel"></span>
</div>
<div class="sbitem sbvtype">
@(Html.Awe().ButtonGroup(new ButtonGroupOpt { Name = "ViewType", CssClass = "viewType", Url = Url.Action("GetViewTypes") }))
</div>
</div>

@(Html.Awe().Grid(id)
.Height(430)
.Mod(o => o.Loading())
.ShowFooter(false)
.ShowGroupedColumn(false)
.RowClassClientFormat(".(RowClass)")
.CssClass("schedulerGrid")
.Url(Url.Action("ScheduleGetItems"))
.Parent("ViewType", "viewType")
.Parent("HoursType", "hoursType")
.Parent("HourStep", "hourStep")
.Parent("Date", "date")
.ParameterFunc("utils.getMinutesOffset"))

<div class="schedBotBar" data-g="@(id)">
@(Html.Awe().DropdownList(new DropdownListOpt { Name = "HoursType", Value = SchedulerHour.FullDay, Url = Url.Action("GetHoursTypes") }))

@(Html.Awe().DropdownList(new DropdownListOpt { Name = "HourStep", InLabel = "Step: ", Value = 60, Url = Url.Action("GetHourSteps") }))
</div>
</div>



Comments