Questions on Kendo UI for jQuery Forum

2 answers

74 views

I'm currently using the dataBound tag to modify events to set the opacity if a condition is not met. This is working great for single events; However if I add a new series of events only the first one sets as expected. The other events in the series do not change. I see the other events have different id's. Is there a way for me to access these other events that are created?

Here is an example, Just modify the task to be a series.
http://dojo.telerik.com/@bbmicha/ayEtO/5

Thanks!

Scheduler

answered on 22 Jun 2016

6 answers

386 views

Invalid Template error when using editable grid in hierarchical grid.

I am getting an "Invalid Template" error using the latest Telerik MVC libraries 2016.2.607. The child grid appears to work fine without the editable functions but throws the error when you try to add them back in. As you can see from the code, I've attempted to isolate the issue by commenting out the editable functions in the child grid. Any help would be greatly appreciated.

Index.cshtml:

<hr />

<div class="container-fluid">

@(Html.Kendo().Grid<Applications.TagSubscription.Models.TagGroupModel>()

.Name("taggroupgrid")

.Columns(cols =>

{

cols.Bound(t => t.Source);

cols.Bound(t => t.TagName).Title("Subscription Group");

cols.Bound(t => t.TagGroupTypeName).Title("Subscription Group Type");

cols.Command(command => { command.Edit(); command.Destroy(); }).Width(250);

})

.HtmlAttributes(new { style = "height: 700px;" })

.ToolBar(toolbar => toolbar.Create())

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

.Filterable()

.Scrollable()

.Sortable()

.Pageable(pageable => pageable

.Refresh(true)

.PageSizes(true)

.ButtonCount(5)

)

.ClientDetailTemplateId("grp_mbr_template")

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

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

.Model(model => model.Id(t => t.TagGroupId))

.Create(update => update.Action("TagGroupCreate", "Home"))

.Read(read => read.Action("TagGroupRead", "Home"))

.Update(update => update.Action("TagGroupUpdate", "Home"))

.Destroy(update => update.Action("TagGroupDestroy", "Home"))

)

.Events(events => events.DataBound("dataBound"))

)

</div>

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

@(Html.Kendo().Grid<Applications.TagSubscription.Models.TagSubscriptionModel>()

.Name("taggroupgrid_#=TagName#")

.Columns(cols =>

{

cols.Bound(t => t.Source);

cols.Bound(t => t.TagName);

cols.Bound(t => t.Attribute);

cols.Bound(t => t.TagGroupMemberRoleName).Title("Role");

cols.Bound(t => t.Description);

cols.Bound(t => t.Unit);

cols.Bound(t => t.Frequency);

cols.Bound(t => t.Resolution);

cols.Bound(t => t.RetrievalMode);

cols.Bound(t => t.Facility);

cols.Bound(t => t.FacilityType);

cols.Bound(t => t.Equipment);

cols.Bound(t => t.EquipmentSerial);

cols.Command(command => {

//command.Edit();

//command.Destroy();

}).Width(250);

})

.HtmlAttributes(new { style = "height: 550px;" })

.ToolBar(toolbar => toolbar.Create())

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

.DataSource(dataSource => dataSource

.Ajax()

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

.Model(model =>

{

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

//model.Field(t => t.Description).Editable(false);

//model.Field(t => t.Unit).Editable(false);

//model.Field(t => t.FacilityType).Editable(false);

//model.Field(t => t.EquipmentSerial).Editable(false);

})

.Create(update => update.Action("SubscriptionCreate", "Home"))

.Read(read => read.Action("SubscriptionRead", "Home", new { TagName = "#=TagName#" }))

//.Update(update => update.Action("SubscriptionUpdate", "Home"))

//.Destroy(update => update.Action("SubscriptionDestroy", "Home"))

)

.ToClientTemplate()

)

</script>

<script>

function dataBound() {

this.expandRow(this.tbody.find("tr.k-master-row").first());

}

</script>

<script type="text/javascript">

function error_handler(e) {

if (e.errors) {

var message = "Errors:\n";

$.each(e.errors, function (key, value) {

if ('errors' in value) {

$.each(value.errors, function () {

message += this + "\n";

});

}

});

alert(message);

}

</script>

HomeController.cs

using Kendo.Mvc.Extensions;

using Kendo.Mvc.UI;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using Applications.TagSubscription.Models;



namespace Applications.TagSubscription.Controllers

{

    public class TagBaseController : Controller

    {



        public ActionResult Index()

        {

            LoadViewData();



            return View();

        }



        private void LoadViewData()

        {

            ViewData["sources"] = MockData.ReadMockSource();

            ViewData["tags"] = MockData.ReadMockTag();

            ViewData["tagattribute"] = MockData.ReadMockTagAttrib();

            ViewData["taggrouptype"] = MockData.ReadMockTagGroupType();

            ViewData["taggroupmemberrole"] = MockData.ReadMockTagRole();

            ViewData["frequency"] = MockData.ReadMockFrequency();

            ViewData["resolution"] = MockData.ReadMockResolution();

            ViewData["retrievalmode"] = MockData.ReadMockRetrievalMode();

        }



        public ActionResult TagGroupRead([DataSourceRequest] DataSourceRequest request)

        {

            var results = MockData.ReadMockTagGroup();



            return Json(results.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

        }

        [AcceptVerbs(HttpVerbs.Post)]

        public ActionResult TagGroupCreate([DataSourceRequest] DataSourceRequest request, TagSubscriptionModel model)

        {

            if (model != null && ModelState.IsValid)

            {

                //TODO: Implement...

            }



            return Json(new[] { model }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);

        }



        [AcceptVerbs(HttpVerbs.Post)]

        public ActionResult TagGroupUpdate([DataSourceRequest] DataSourceRequest request, TagSubscriptionModel model)

        {

            if (model != null && ModelState.IsValid)

            {

                //TODO: Implement...

            }



            return Json(new[] { model }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);

        }



        [AcceptVerbs(HttpVerbs.Post)]

        public ActionResult TagGroupDestroy([DataSourceRequest] DataSourceRequest request, TagSubscriptionModel model)

        {

            if (model != null)

            {

                //TODO: Implement...

            }



            return Json(new[] { model }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);

        }



        public ActionResult SubscriptionRead([DataSourceRequest] DataSourceRequest request)

        {

            return SubscriptionRead(string.Empty, request);

        }



        public ActionResult SubscriptionRead(string TagName, [DataSourceRequest] DataSourceRequest request)

        {

            var results = MockData.ReadMockSubscription();



            return Json(results.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

        }



        [AcceptVerbs(HttpVerbs.Post)]

        public ActionResult SubscriptionCreate([DataSourceRequest] DataSourceRequest request, TagSubscriptionModel model)

        {

            if (model != null && ModelState.IsValid)

            {

                //TODO: Implement...

            }



            return Json(new[] { model }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);

        }



        [AcceptVerbs(HttpVerbs.Post)]

        public ActionResult SubscriptionUpdate([DataSourceRequest] DataSourceRequest request, TagSubscriptionModel model)

        {

            if (model != null && ModelState.IsValid)

            {

                //TODO: Implement...

            }



            return Json(new[] { model }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);

        }



        [AcceptVerbs(HttpVerbs.Post)]

        public ActionResult SubscriptionDestroy([DataSourceRequest] DataSourceRequest request, TagSubscriptionModel model)

        {

            if (model != null)

            {

                //TODO: Implement...

            }



            return Json(new[] { model }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);

        }





    }

}

Grid

answered on 22 Jun 2016

5 answers

849 views

horizontal panelbar

Is there a way to get the Panelbar slide Horizontal instead of vertical? That would be nice.

PanelBar

answered on 22 Jun 2016

3 answers

854 views

TypeError: r is undefined

I'm getting an error when trying to navigate to a route:

TypeError: r is undefined

kendo.all.min.js (line 26, col 20881)

All I've done is set up a basic router, with one route and receive this error when trying to navigate to that route.

HTML:

<div class="col-sm-3 col-lg-2 zero-padding sidebar sidebar-fixed">

<div class="col-sm-3 col-lg-2 sidebar-fixedsub zero-padding">

<ul id="accordion" class="accordion side-menu">

<li class="hidden-xs">

<div class="sidebar-actions">

<button id="menu_resize" data-role="button" class="k-button resize-menu-level-1" role="button" aria-disabled="false" data-level="1">

<i class="fa-icon-bars"></i>

</button>

</div>

</li>

<li id="subscribed">

<a class="link k-link"><i class="fa-icon-comments"></i><span class="nav-item-text nav-item-text-main">Subscribed</span></a>

<ul class="submenu">

<li><a onclick="navigateContainer($(this));"><span class="nav-item-text">Subscription 1</span><span class="badge">5</span></a></li>

</ul>

</li>

</ul>

</div>

Router JS:

var router = new kendo.Router({

routeMissing: function(e) {

e.preventDefault();

}

});

router.route("/", function() {

generateDiscussionView();

});

router.route("/thread/:containerid", function(containerid) {

triggerContainer(container);

});

$(function() {

router.start();

});

Main JS:

function navigateContainer(container) {

router.navigate("/thread/" + container);

}

function triggerContainer(container) {

generateDiscussionView();

}

SPA

answered on 22 Jun 2016

1 answer

122 views

TreeView filter seems broken

See https://demos.telerik.com/kendo-ui/treeview/api

i expect filter by '2' to show 2.1,2.2,2.3,1.2
it fails

i expect filter by '1.' to show 1.1,1.2,1.3
it fails

thanks

TreeView

answered on 22 Jun 2016

2 answers

177 views

Grid keyboard/accesability navigation inside window

Hello we are using kwindow service as described here: http://docs.telerik.com/kendo-ui/AngularJS/how-to/window-service

We experience the followoing issues, regarding keyboard accessibility:

1.We have grid inside window, and one of the columns of that grid is a dropdown. to access this dropdown, we press Enter and Alt + arrow up. This behavior is different (and even incorrect), from outside modal, where enter and arrow down is enough. We want a way to achieve same behavior inside modal.

2. we want to prevent access to underlying screen when the modal is open.

3. I noticed that sometimes when editing cells, and the user presses shift + Tab, there focusing cell jumps elsewhere, I even could see this in a demo (try to check /uncheck a checkbox with keyboard only)

Here: http://jsbin.com/kuzezelada/edit?html,js,output

Is there a way to ensure the focus goes to previous cell? (the user moves between cells with tabs/shit+tabs.

Thank you in advanve

Window

answered on 22 Jun 2016

2 answers

365 views

How To Add Row at Bottom of Kendo Grid on Enter Keypress

0
down vote
favorite
We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to:

Tab between cells
Automatically advance to the next row when tabbing off the last cell in a row.
Automatically add a new row when tabbing off the last cell of the last row.
However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:bhuybhub
0
down vote
favorite
We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to:

Tab between cells
Automatically advance to the next row when tabbing off the last cell in a row.
Automatically add a new row when tabbing off the last cell of the last row.
However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code: vghv gh gh
0
down vote
favorite
We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to:

Tab between cells
Automatically advance to the next row when tabbing off the last cell in a row.
Automatically add a new row when tabbing off the last cell of the last row.
However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:

0down vote favorite