Giter Club home page Giter Club logo

ui-for-aspnet-mvc-examples's Introduction

UI for ASP.NET MVC Examples

This repo contains a collection of Telerik UI for ASP.NET MVC examples. The provided projects:

  • Demonstrate frequently asked questions, features, and scenarios.
  • Are not part of our testing procedures and should be regarded as a knowledge base.
  • Are tested only upon creation, update, or upgrade of the project.

To avoid any errors when running the desired project, download and run the project without upgrading it.

To run projects from this repository:

  1. Clone the repo.
  2. Open the .sln file in Visual Studio.
  3. Clean the solution.
  4. Restore any missing NuGet packages.
  5. Build the solution and run the project.

ui-for-aspnet-mvc-examples's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ui-for-aspnet-mvc-examples's Issues

It doesn't handle Daylight offsets

Daylight switch off date in the US is Nov, 07, 2021 02:00:00
Suppose the Datetime is Nov, 07, 2021 03:00:00
The grid data will display Nov, 07, 2021 02:00:00
There will be an hour gap. How to fix this?

Scheduler server filtering example with error in chrome console

Starting your demo I accidentally had developer tools opened and noticed that jquery and the file "/" are included more than once.

Here is what the console log shows:

Detected Kendo UI version: "2015.3.930"
VM466:170 jQuery is included more than once
VM466:170 Kendo file / is included more than once(anonymous function) @ VM466:170(anonymous function) @ VM466:169req.onreadystatechange @ VM466:148XMLHttpRequest.send (async)check_can_load @ VM466:155(anonymous function) @ VM466:160diagnose_scripts @ VM466:159(anonymous function) @ VM466:190

Grid column not resizing properly

image
Happens when you decrease the size of the column.
Here's a simplified version of the grid's code:

@(Html.Kendo().Grid<PDS.Web.Areas.Assets.Models.EquipmentModel>()
    .Name("EquipmentDashboardGrid")
    .Columns(col =>
    {
        col.Bound(m => m.EquipmentTypeName).Title(AssetManagement.Equipment_Type).Width(150).ClientGroupHeaderTemplate("#=value#").Hidden();
        col.Bound(m => m.SortOrder).Title(AssetManagement.Equipment_SortOrder).Width(135).Filterable(false);
        col.Bound(m => m.IsInstalled).Title(AssetManagement.Equipment_Installed).Width(130).Filterable(false).HtmlAttributes(new { style = "text-align: center" });
        col.Bound(m => m.ExtendedDesc2).Title(AssetManagement.EquipmentDashboard_Equipment).Width(250).Filterable(false);
        col.Bound(m => m.ExtendedDesc3).Title(AssetManagement.Equipment_Details).Width(250).Filterable(false);
        col.Bound(m => m.OpenInspectionCount).Title("Open Faults").Width(140).HtmlAttributes(new { style = "text-align: center" }).Sortable(true);
        col.Bound(m => m.InstalledDate).Title(AssetManagement.Equipment_Installed).Width(130).Filterable(false);
        col.Bound(m => m.ScheduledRemoval).Title(AssetManagement.EquipmentDashboard_ScheduledRemoval).Width(130).Filterable(false);
        col.Bound(m => m.RemovalDate).Title(AssetManagement.Equipment_Removal).Width(130).Filterable(false);
        col.Bound(m => m.LastSavedDateTime).Title(AssetManagement.Equipment_LastSaved).Width(175).Filterable(false).Sortable(true);
        col.Bound(m => m.CreatedDateTime).Title(AssetManagement.Equipment_Created).Width(175).Filterable(false);
        col.Bound(columns => columns.EquipmentTypeNameSort).Width(175).ClientGroupHeaderTemplate("#=value.split('_@@')[1]#").Hidden(true);
        col.Bound(m => m.EquipmentID).Title(AssetManagement.Equipment_ID).Width(145).Hidden(false);
        col.Bound(m => m.EquipmentTypePrefix).Hidden();
    })
    .Sortable()
    .Scrollable()
    .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
    .Resizable(resize => resize.Columns(true))
    .Reorderable(reorder => reorder.Columns(true))

Scheduler custom view demo throws an exception while destroying recursive event

I ran this project and its working perfectly fine for add/edit event but not for destroy(delete). When we destroy any recursive event it throws below exception on line db.SaveChanges(); in "Delete(MeetingViewModel meeting, ModelStateDictionary modelState)" method.

Exception - Store update, insert, or delete statement affected an unexpected number of rows (0). Entities may have been modified or deleted since entities were loaded. Refresh ObjectStateManager entries.

concurrency exception

Google Map AutoComplete Confilcts

When I use google map autocomplete function in the popup edit window, it won't save the whole line of location that google auto filled. It just saved the word I typed.

For example, I type "Calg", and I select "Calgary AB, Canada" that google suggested. Kendo only save "Calg"

Who can help me to solve this??? Thanks in advance.

EditorTemplateName is not bounded properly in grid hierarchy

Hi,
It looks like the dropdown in the nested grid are bounded by HTML id, so if you try to click edit on two different sublevels only one will be bonded properly.

Screenshot from ajax-3-level-hierarchy-editing example:
image

The bug is also in 2018.2.620. Is there a workaround?

Post grid data with form through jQuery

What about an solution like this:

$( document ).ready(
   $("form").each(function(i, form){
       $(this).find(".k-grid").each(function(_i, div){
           $(form).submit(div, kendoGridSubmitData);
       });
    });
);

function kendoGridSubmitData(e) {
    var lModel = e.data.id;
    var lKendoGrid = $(e.data).data("kendoGrid");

    // Iterate over all rows
    lKendoGrid.dataItems().forEach(function(_row, _rowIndex){
        // Iterate over all fields
        _row.forEach(function(_value, _name){
            // Add the input hidden
            $('<input>').attr({
                type: 'hidden',
                id: lModel,
                name: lModel+'['+_rowIndex+'].'+_name,
                value: _value
            }).appendTo('form');
        });
    });
}

ASPNETCORE SignalR

Please look at the new SignalR development (preview) and consider creating a open source component library and new guidance on creating real-time server side databinding with telerik components.

Link to main example kendo code in Readme

Since there's a lot setting up this full example project. It'd be nice to have a link to the index.cshtml file that actually represents the main kendo-ui portion of the example. It took me a while to find initially before thinking of searching on 'odata-v4' (though I knew that was something I was looking for ahead of time from other threads which led me here).

How to pass checked data to the controller after dynamically add data in table body

`
@{
Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

Employee Name: @**@
Employee Branch:
Employee Salary:
                    </div>
                    <div class="col-md-2">
                        <button type="button" class="btn btn-outline-primary" id="btn-add" style="float:right; margin-top:0px;">Add More</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
Employee Details

@*text-light*@
Check Employee Name Employee branch Employee Salary
            </div>
        </div>


        <div class="row mb-3">
            <div class="col-md-10"></div>
            <div class="col-md-2">
                <button type="submit" id="btnsumit" class="btn btn-outline-success">Submit</button>
                <button type="button" class="btn btn-warning waves-effect waves-themed" style="float:right;" onclick="location.href='@Url.Action("CreateEmp","Home")';">Cancel</button>
            </div>
        </div>
        <p>Total Number Of Employees:<label></label></p>
        <p>Total Salary:<label></label></p>
    </div>
</div>
<script src="~/Scripts/jquery-3.4.1.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> var count = 0; $(function () { $('#btn-add').click(function () { debugger; var rows = ""; count = count + 1; var empname = $('#Emp_Name').val(); var empbranch = $('#Emp_Branch').val(); var empsalary = $('#Emp_Salary').val(); if (empname != "" && empbranch != "" && empsalary != "") { rows += '' + empname + '' + empbranch + '' + empsalary + ''; $(rows).appendTo("tbody"); $('#Emp_Name').val(""); $('#Emp_Branch').val(""); $('#Emp_Salary').val(""); //var allVals = [empname, empbranch, empsalary]; //$('#secheck :checked').each(function () { // allVals.push($(this).val()); //}); } else { alert("Field Empty"); } }); }); $(function () { $("#btnsumit").click(function () { debugger; var selected = new Array(); $("#tb input[type=checkbox]:checked").each(function () { selected.push(this.value); }); }); }); </script>

`

'DataSourceRequestModelBinder' sample is not compatible with ASP.NET Core 2.0.0

Moving from aspnet/Mvc#6600

This line of code here: https://github.com/telerik/ui-for-aspnet-mvc-examples/blob/master/scheduler/scheduler-web-api-crud/SchedulerWebApiCrud/ModelBinders/DataSourceRequestModelBinder.cs#L68

Is calling an API that was marked as obsolete in ASP.NET Core 1.1, and was then removed in ASP.NET Core 2.0.

You can see the commit where the API was removed to see the alternative pattern that will still work: aspnet/Mvc@824d65c#diff-161a3b0396461c85730bbbe25b9d5ac7L383

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.