Telerik Forums
Kendo UI for jQuery Forum
7 answers
252 views
I have created an online CodePen Demo: http://codepen.io/DrYSG/pen/wnDxL where I have a Grid bound to a KendoObservable 1-D array. The Array is meant to be (Item, Value) pairs. There are a number of clumsy things here that I would like to clean up.

1. I would love it if you supported Grid's that had Vertical Orientation, so that I could just have display 1-D array, and use the Column Headings for each item: see: http://www.kendoui.com/forums/ui/general-discussions/vertical-grid-property-grid.aspx
2. Doing the lookup for the value and changing it involves hard constants (stateTable[1].Value = foo. Do I have to have a use an index table that translates integers to keys. I.e. var StatusKey = 0, TileCountKey = 1, etc.  (then it would be stateTable[TileCountKey] = 2) Still seems clumsy.
3. This would be especially fragile, if the user could add and delete rows. (batch editing).
4. The KendoObservable.set() is not working for this example. So I am doing a manual trigger, which I saw in a post by Alexander Valchev, but I don't see documentation for trigger() anywhere., is this a hidden (unsupported feature?) This also feels a bit clumsy.
Why is there a scroll bar on my Grid?

Bottom line. It works now, but I want to know if there is something in KendoUI today, that would make this cleaner, and if not, do you have anything in UserVoice planned to fix this up?

Dr.YSG
Top achievements
Rank 2
 answered on 13 Jun 2013
2 answers
224 views
I'm using an EditorTemplate to render the DateTimePicker of kendo. Everything is working fine on Internet Explorer and Firefox, but when testing the site in Chrome, I always receive a validation error on a valid date. (see attachment)

This is my editor template
@model DateTime?
 
@(Html.Kendo().DatePickerFor(m => m).Format("dd/MM/yyyy").ParseFormats(new List<string> { "dd/MM/yyyy", "MM/dd/yyyy"}))
Inside the _Layout page we register kendo and set the specific culture.

<script src="/Virteo.Fidiem.Presentation.Mvc/Scripts/kendo/2013.1.514/cultures/kendo.culture.nl.min.js"></script>
<script type="text/javascript">
    kendo.culture("nl");
</script>
Any idea why I still get the validation error ?
Kendo version 2013.1.514.340
Jonathan
Top achievements
Rank 1
 answered on 13 Jun 2013
3 answers
635 views
Hi,

This issue has been raised many times but no answer or support is provided till now.

I have Kendo UI Grid Ajax binding with Checkbox column in Client template. I have implemented select all but there is no feature to support checkbox checked when changing paging or sorting. I have downloaded one of solution given by kendo team but that also has same issue. Again attaching that solution with more data and paging. Please provide some solution or let me know if cannot be achieved in Kendo grid?
Dimiter Madjarov
Telerik team
 answered on 13 Jun 2013
3 answers
201 views
I have a line chart that shows datetime-based values in a series. The Json data come gets loaded with an Ajax call. Now I want to show a second series (as a second line) in the same chart. As far as I can see from the examples, in order to get it up and working, the data needs to be present in this way:

- Date (Datetime)
- ValueA (Double)
- ValueB (Double)

The problem is: the data that I need to show is not synchronized, or, in other words, it is recorded independently at unregular intervals, so I don't have the required neat [Date,ValueA,ValueB] packets.
As a workaround I tried the following: in my controller, I fetch the data independently for each series into an object (DateTime Date,Double? ValueA, Double? ValueB). When fetching data for series A, I fill Date and ValueA, whereas ValueB is set to null (not 0). I do the same for series B (and set ValueA as null there). After that, I do a linq union on both collections and order them by date. Now I have both series in a (Date, ValueA, ValueB) model with a common DateTime-basis, where missing values in ValueA or ValueB are set to null, which can be interpolated in the chart. The problem is: the values do not get interpolated but are set to zero, which gives an awful lot of spikes, as there's almost no (Date, ValueA, ValueB) tripel where both values are set. Please see the attached images for clarification.

How can I manage to get this done? Is there a better way to do it?

Below is my JavaScript:

<script>

    function onSelectEnd(e) {
        var stockchart = $("#chart").data("kendoStockChart");
        var navigatorFrom = stockchart._navigator.options.select.from;
        var navigatorTo = stockchart._navigator.options.select.to;
        $("#txtFrom").text(navigatorFrom);
        $("#txtTo").text(navigatorTo);
    }

    function createChart() {
        $('#chart').kendoStockChart({
            dataSource: {
                transport: {
                    read: {
                        url: '/Archive/GetChartData?StationId=@ViewBag.StationId&DataPointId=@ViewBag.DataPointId',
                        dataType: 'json'
                    }
                }
            },
            selectEnd: onSelectEnd,
            title: {
                text: '@ViewBag.ChartTitle'
            },
            dateField: 'date',
            panes: [{
                title: 'Werte'
            }
            ],
            chartArea: {
                background: 'transparent'
            },
            valueAxes: [{
                name: 'T',
                visible: true,
                line: {
                    visible: true
                },
                labels: {
                    format: '{0} @ViewBag.Unit'
                }
                //,plotBands:
                //    [
                //         { from: -100, to: 0, color: "#C9D8FF" },
                //         //{ from: 0, to: 100, color: "#FFB8B8" }
                //    ]
            }],
            categoryAxis: {
                labels:
                    {
                        format: "HH:mm",
                        step: 2,
                        rotation: -90
                    },
                baseUnit: "fit",
                maxDateGroups: $("#chart").width() / 10,
                type: "date"
            },
            series: [
                {
                    axis: 'T',
                    type: 'line',
                    field: 'value',
                    missingValues: 'interpolate'
                },
                {
                    axis: 'T',
                    type: 'line',
                    field: 'value2',
                    missingValues: 'interpolate'
                }
            ],
            navigator: {
                series: {
                    type: 'area',
                    field: 'value',
                    missingValues: 'interpolate'
                },
                select: {
                    to: '@DateTime.Now.ToString("yyyy")/@DateTime.Now.ToString("MM")/@DateTime.Now.ToString("dd") @DateTime.Now.ToString("HH:mm")',
                    from: '@DateTime.Now.AddDays(-1).ToString("yyyy")/@DateTime.Now.AddDays(-1).ToString("MM")/@DateTime.Now.AddDays(-1).ToString("dd") @DateTime.Now.AddDays(-1).ToString("HH:mm")'
                },
                categoryAxis: {
                    labels: {
                        format: 'd. MMMM yyyy',
                        padding: { top: 10 }
                    }
                }

            }
        });
    }

    $(document).ready(function () {
        kendo.culture('@culture');
        setTimeout(function () {
            createChart();
            $('#chart').bind('kendo:skinChange', function (e) {
                createChart();
            });
        }, 1);
    });
</script>

T. Tsonev
Telerik team
 answered on 13 Jun 2013
3 answers
279 views
I am trying to create a grid declaratively with a detail tempate.
I have called the kendo.ns method to change my namespace (kendo-) as to not clash with ko.
Here is the source for the grid:
<div>
     data-kendo-role="grid"
     data-kendo-sortable="false"
     data-kendo-pageable="false"
     data-kendo-scrollable="true"
     data-kendo-detail-template="detailTemplate"
     data-kendo-bind="source: items">
     
</div>
I have a simple template for detailTemplate
<script id="detailTemplate" type="text/kendo-template">
    <h1>Hello</h1>
</script
If I remove the line with the data-kendo-detail-template, the grid displays fine.  However with it in, the grid does not display at all.

Any ideas what might be causing this?

Also, assuming I do get this working, will it be possible to have the template also be defined as a declarative grid using a property of the main grid's data item for its data? Or am I better off doing this in javascript?

thanks,
eric
Alexander Valchev
Telerik team
 answered on 13 Jun 2013
1 answer
285 views
Hi , im having the following issue.

i tried load the kendo in a brand new html after jquery 1.9.0
and when i try open the page on any browser and use the validation for a form i'm getting the following error in the jS of kendo.web.min.js
i'm using the latest version of it and i had no problems before use it in any page.

TypeError: on is undefined-1)}});var MOUSE_EVENTS=["mousedown","mousemove","mouseenter","mouseleave","mouseover","mouseout","mouseup","click"],EXCLUDE_BUST_CLICK_SELECTOR="label, input, [data-rel=external]",MouseEventNormalizer={setupMouseMute:function(){var e=0,t=MOUSE_EVENTS.length,n=document.documentElement;if(!MouseEventNormalizer.mouseTrap&&support.eventCapture){MouseEventNormalizer.mouseTrap=!0,MouseEventNormalizer.bustClick=!1,MouseEventNormalizer.captureMouse=!1;for(var i=function(e){MouseEventNormalizer.captureMouse&&("click"===e.type?MouseEventNormalizer.bustClick&&!$(e.target).is(EXCLUDE_BUST_CLICK_SELECTOR)&&(e.preventDefault(),e.stopPropagation()):e.stopPropagation())};t>e;e++)n.addEventListener(MOUSE_EVENTS[e],i,!0)}},muteMouse:function(e){MouseEventNormalizer.captureMouse=!0,e.data.bustClick&&(MouseEventNormalizer.bustClick=!0),clearTimeout(MouseEventNormalizer.mouseTrapTimeoutID)},unMuteMouse:function(){clearTimeout(MouseEventNormalizer.mouseTrapTimeoutID),MouseEventNormalizer.mouseTrapTimeoutID=setTimeout(function(){MouseEventNormalizer.captureMouse=!1,MouseEventNormalizer.bustClick=!1},400)}},eventMap={down:"touchstart mousedown",move:"mousemove touchmove",up:"mouseup touchend touchcancel",cancel:"mouseleave touchcancel"};support.touch&&(support.mobileOS.ios||support.mobileOS.android)&&(eventMap={down:"touchstart",move:"touchmove",up:"touchend touchcancel",cancel:"touchcancel"}),support.pointers&&(eventMap={down:"MSPointerDown",move:"MSPointerMove",up:"MSPointerUp",cancel:"MSPointerCancel"});var on=$.fn.on;extend(!0,kendoJQuery,$),kendoJQuery.fn=kendoJQuery.prototype=new $,kendoJQuery.fn.constructor=kendoJQuery,kendoJQuery.fn.init=function(e,t){return t&&t instanceof $&&!(t instanceof kendoJQuery)&&(t=kendoJQuery(t)),$.fn.init.call(this,e,t,rootjQuery)},kendoJQuery.fn.init.prototype=kendoJQuery.fn;var rootjQuery=kendoJQuery(document);extend(kendoJQuery.fn,{handler:function(e){return this.data("handler",e),this},autoApplyNS:function(e){return e=e||kendo.guid(),this.data("kendoNS","."+e),this},on:function(){var e=this,t=e.data("kendoNS");if(1===arguments.length)return on.call(e,arguments[0]);var n=e,i=slice.call(arguments);typeof i[i.length-1]===UNDEFINED&&i.pop();var r=i[i.length-1],a=i[0].replace(/([^ ]+)/g,applyEventMap);if(t&&(a=a.replace(/( |$)/g,t+" ")),support.mouseAndTouchPresent&&a.search(/mouse|click/)>-1&&this[0]!==document.documentElement){MouseEventNormalizer.setupMouseMute();var o=2===i.length?null:i[1],s=a.indexOf("click")>-1&&a.indexOf("touchend")>-1;on.call(this,{touchstart:MouseEventNormalizer.muteMouse,touchend:MouseEventNormalizer.unMuteMouse},o,{bustClick:s})}return typeof r===STRING&&(n=e.data("handler"),r=n[r],i[i.length-1]=function(e){r.call(n,e)}),i[0]=a,on.apply(e,i),e},kendoDestroy:function(e){return e=e?"."+e:this.data("kendoNS"),e&&this.off(e),this}}),kendo.jQuery=kendoJQuery,kendo.eventMap=eventMap})(jQuery),function(e,t){function n(e){return parseInt(e,10)}function i(e,t){return n(e.css(t))}function r(e){var t=e.effects;return"zoom"===t&&(t="zoom:in fade:in"),"fade"===t&&(t="fade:in"),"slide"===t&&(t="tile:left"),/^slide:(.+)$/.test(t)&&(t="tile:"+RegExp.$1),"overlay"===t&&(t="slideIn:left"),/^overlay:(.+)$/.test(t)&&(t="slideIn:"+RegExp.$1),e.effects=h.parseEffects(t),e}function a(e){var t=[];for(var n in e)t.push(n);return t}function o(e){for(var t in e)-1!=I.indexOf(t)&&-1==R.indexOf(t)&&delete e[t];return e}function s(e,t){var n,i,r,a,o=[],s={};for(i in t)n=i.toLowerCase(),a=w&&-1!=I.indexOf(n),!k.hasHW3D&&a&&-1==R.indexOf(n)?delete t[i]:(r=t[i],a?o.push(i+"("+r+")"):s[i]=r);return o.length&&(s[J]=o.join(" ")),s}function l(e,t){if(w){var i=e.css(J);if(i==L)return"scale"==t?1:0;var r=i.match(RegExp(t+"\\s*\\(([\\d\\w\\.]+)")),a=0;return r?a=n(r[1]):(r=i.match(S)||[0,0,0,0,0],t=t.toLowerCase(),D.test(t)?a=parseFloat(r[3]/r[2]):"translatey"==t?a=parseFloat(r[4]/r[2]):"scale"==t?a=parseFloat(r[2]):"rotate"==t&&(a=parseFloat(Math.atan2(r[2],r[1])))),a}return parseFloat(e.css(t))}function d(e){return e.toUpperCase()}function c(e){return e.replace(/^./,d)}function u(e,t){var n=it.extend(t),i=n.prototype.directions;O[e]=n,m.Element.prototype[e]=function(e,t,i,r){return new n(this.element,e,t,i,r)},g(i,function(t,i){m.Element.prototype[e+c(i)]=function(e,t,r){return new n(this.element,i,e,t,r)}})}function p(e,t,n){u(e,{directions:at,restore:[t],startValue:function(e){return this._startValue=e,this},endValue:function(e){return this._endValue=e,this},shouldHide:function(){return"out"===this._direction&&this._end()===n?!this._reverse:this._reverse},_end:function(){return this._endValue||n},_start:function(){return this._startValue||1},prepare:function(e,n){var i=this,r=i.element.data(t),a=i.shouldHide(),o=isNaN(r)||""===r?i._start():r;e[t]=n[t]=i._end(),a?e[t]=o:n[t]=o}})}function f(e,t){var n=h.directions[t].vertical,i=e[n?V:U]()/2+"px";return st[t].replace("$size",i)}var h=window.kendo,m=h.fx,g=e.each,v=e.extend,_=e.proxy,k=h.support,b=k.browser,w=k.transforms,y=k.transitions,x={scale:0,scalex:0,scaley:0,scale3d:0},C={translate:0,translatex:0,translatey:0,translate3d:0},T=document.documentElement.style.zoom!==t&&!w,S=/matrix3?d?\s*\(.*,\s*([\d\.\-]+)\w*?,\s*([\d\.\-]+)\w*?,\s*([\d\.\-]+)\w*?,\s*([\d\.\-]+)\w*?/i,F=/^(-?[\d\.\-]+)?[\w\s]*,?\s*(-?[\d\.\-]+)?[\w\s]*/i,D=/translatex?$/i,E=/(zoom|fade|expand)(\w+)/,N=/(zoom|fade|expand)/,A=/[xy]$/i,I=["perspective","rotate","rotatex","rotatey","rotatez","rotate3d","scale","scalex","scaley","scalez","scale3d","skew","skewx","skewy","translate","translatex","translatey","translatez","translate3d","matrix","matrix3d"],R=["rotate","scale","scalex","scaley","skew","skewx","skewy","translate","translatex","translatey","matrix"],z={rotate:"deg",scale:"",skew:"px",translate:"px"},H=w.css,O={},M=Math.round,P="",B="px",L="none",W="auto",U="width",V="height",q="hidden",j="origin",$="abortId",G="overflow",Q="translate",Y="completeCallback",K=H+"transition",J=H+"transform",X=H+"perspective",Z=H+"backface-visibility",et={left:{reverse:"right",property:"left",transition:"translatex",vertical:!1,modifier:-1},right:{reverse:"left",property:"left",transition:"translatex",vertical:!1,modifier:1},down:{reverse:"up",property:"top",transition:"translatey",vertical:!0,modifier:1},up:{reverse:"down",property:"top",transition:"translatey",vertical:!0,modifier:-1},top:{reverse:"bottom"},bottom:{reverse:"top"},"in":{reverse:"out",modifier:-1},out:{reverse:"in",modifier:1},vertical:{reverse:"vertical"},horizontal:{reverse:"horizontal"}};if(h.directions=et,v(e.fn,{kendoStop:function(e,t){return y?h.fx.stopQueue(this,e||!1,t||!1):this.stop(e,t)}}),w&&!y){g(R,function(n,i){e.fn[i]=function(n){if(n===t)return l(this,i);var r=e(this)[0],a=i+"("+n+z[i.replace(A,"")]+")";return-1==r.style.cssText.indexOf(J)?e(this).css(J,a):r.style.cssText=r.style.cssText.replace(RegExp(i+"\\(.*?\\)","i"),a),this},e.fx.step[i]=function(t){e(t.elem)[i](t.now)}});var tt=e.fx.prototype.cur;e.fx.prototype.cur=function(){return-1!=R.indexOf(this.prop)?parseFloat(e(this.elem)[this.prop]()):tt.apply(this,arguments)}}h.toggleClass=function(e,t,n,i){return t&&(t=t.split(" "),y&&(n=v({exclusive:"all",duration:400,ease:"ease-out"},n),e.css(K,n.exclusive+" "+n.duration+"ms "+n.ease),setTimeout(function(){e.css(K,"").css(V)},n.duration)),g(t,function(t,n){e.toggleClass(n,i)})),e},h.parseEffects=function(e,t){var n={};return"string"==typeof e?g(e.split(" "),function(e,i){var r=!N.test(i),a=i.replace(E,function(e,t,n){return t+":"+n.toLowerCase()}),o=a.split(":"),s=o[1],l={};o.length>1&&(l.direction=t&&r?et[s].reverse:s),n[o[0]]=l}):g(e,function(e){var i=this.direction;i&&t&&!N.test(e)&&(this.direction=et[i].reverse),n[e]=this}),n},y&&v(h.fx,{transition:function(t,n,i){var r,o,l=0,d=t.data("keys")||[];i=v({duration:200,ease:"ease-out",complete:null,exclusive:"all"},i);var c=function(){o&&(clearTimeout(o),o=null,t.removeData($).dequeue().css(K,"").css(K),i.complete.call(t))};i.duration=e.fx?e.fx.speeds[i.duration]||i.duration:i.duration,r=s(t,n),e.merge(d,a(r)),t.data("keys",e.unique(d)).height(),t.css(K,i.exclusive+" "+i.duration+"ms "+i.ease).css(K),t.css(r).css(J),b.mozilla&&(t.one(y.event,c),l=50),o=setTimeout(c,i.duration+l),t.data($,o),t.data(Y,c)},stopQueue:function(e,t,n){var i,r=e.data("keys"),a=n===!1&&r,o=e.data(Y);return a&&(i=h.getComputedStyles(e[0],r)),o&&o(),a&&e.css(i),e.removeData("keys"),e.stop(t),e}});var nt=h.Class.extend({init:function(e,t){var n=this;n.element=e,n.effects=[],n.options=t,n.restore=[]},run:function(t){var n,i,r,a,l,d,c=this,u=t.length,p=c.element,f=c.options,m=e.Deferred(),g={},_={};for(c.effects=t,m.then(e.proxy(c,"complete")),p.data("animating",!0),i=0;u>i;i++)for(n=t[i],n.setReverse(f.reverse),n.setOptions(f),c.addRestoreProperties(n.restore),n.prepare(g,_),l=n.children(),r=0,d=l.length;d>r;r++)l[r].duration(f.duration).run();for(var k in f.effects)v(_,f.effects[k].properties);for(p.is(":visible")||v(g,{display:p.data("olddisplay")||"block"}),w&&!f.reset&&(a=p.data("targetTransform"),a&&(g=v(a,g))),g=s(p,g),w&&!y&&(g=o(g)),p.css(g).css(J),i=0;u>i;i++)t[i].setup();return f.init&&f.init(),p.data("targetTransform",_),h.fx.animate(p,_,v({},f,{complete:m.resolve})),m.promise()},stop:function(){e(this.element).kendoStop()},addRestoreProperties:function(e){for(var t,n=this.element,i=0,r=e.length;r>i;i++)t=e[i],this.restore.push(t),n.data(t)||n.data(t,n.css(t))},restoreCallback:function(){for(var e=this.element,t=0,n=this.restore.length;n>t;t++){var i=this.restore[t];e.css(i,e.data(i))}},complete:function(){var t=this,n=0,i=t.element,r=t.options,a=t.effects,o=a.length;for(i.removeData("animating").dequeue(),r.hide&&i.data("olddisplay",i.css("display")).hide(),this.restoreCallback(),T&&!w&&setTimeout(e.proxy(this,"restoreCallback"),0);o>n;n++)a[n].teardown();r.completeCallback&&r.completeCallback(i)}});h.fx.promise=function(e,t){var n,i,r=[],a=new nt(e,t),o=h.parseEffects(t.effects);t.effects=o;for(var s in o)n=O[s],n&&(i=new n(e,o[s].direction),r.push(i));r[0]?a.run(r):(e.is(":visible")||e.css({display:e.data("olddisplay")||"block"}).css("display"),t.init&&t.init(),e.dequeue(),a.complete())},h.fx.transitionPromise=function(e,t,n){return h.fx.animateTo(e,t,n),e},v(h.fx,{animate:function(n,r,a){var s=a.transition!==!1;delete a.transition,y&&"transition"in m&&s?m.transition(n,r,a):w?n.animate(o(r),{queue:!1,show:!1,hide:!1,duration:a.duration,complete:a.complete}):n.each(function(){var n=e(this),o={};g(I,function(e,a){var s,l=r?r[a]+" ":null;if(l){var d=r;if(a in x&&r[a]!==t)s=l.match(F),w&&v(d,{scale:+s[0]});else if(a in C&&r[a]!==t){var c=n.css("position"),u="absolute"==c||"fixed"==c;n.data(Q)||(u?n.data(Q,{top:i(n,"top")||0,left:i(n,"left")||0,bottom:i(n,"bottom"),right:i(n,"right")}):n.data(Q,{top:i(n,"marginTop")||0,left:i(n,"marginLeft")||0}));var p=n.data(Q);if(s=l.match(F)){var f=a==Q+"y"?0:+s[1],h=a==Q+"y"?+s[1]:+s[2];u?(isNaN(p.right)?isNaN(f)||v(d,{left:p.left+f}):isNaN(f)||v(d,{right:p.right-f}),isNaN(p.bottom)?isNaN(h)||v(d,{top:p.top+h}):isNaN(h)||v(d,{bottom:p.bottom-h})):(isNaN(f)||v(d,{marginLeft:p.left+f}),isNaN(h)||v(d,{marginTop:p.top+h}))}}!w&&"scale"!=a&&a in d&&delete d[a],d&&v(o,d)}}),b.msie&&delete o.scale,n.animate(o,{queue:!1,show:!1,hide:!1,duration:a.duration,complete:a.complete})})},animateTo:function(t,n,i){function a(e){n[0].style.cssText="",t[0].style.cssText="",k.mobileOS.android||l.css(G,s),i.completeCallback&&i.completeCallback.call(t,e)}var o,s,l=t.parents().filter(n.parents()).first();i=r(i),k.mobileOS.android||(s=l.css(G),l.css(G,"hidden")),e.each(i.effects,function(e,t){o=o||t.direction}),i.complete=b.msie?function(){setTimeout(a,0)}:a,i.previous=i.reverse?n:t,i.reset=!0,(i.reverse?t:n).each(function(){e(this).kendoAnimate(v(!0,{},i)),i.complete=null,i.previous=null})}});var it=h.Class.extend({init:function(e,t){var n=this;n.element=e,n._direction=t,n.options={},n._additionalEffects=[],n.restore||(n.restore=[])},reverse:function(){return this._reverse=!0,this.run()},play:function(){return this._reverse=!1,this.run()},add:function(e){return this._additionalEffects.push(e),this},direction:function(e){return this._direction=e,this},duration:function(e){return this._duration=e,this},compositeRun:function(){var e=this,t=new nt(e.element,{reverse:e._reverse,duration:e._duration}),n=e._additionalEffects.concat([e]);return t.run(n)},run:function(){if(this._additionalEffects&&this._additionalEffects[0])return this.compositeRun();var t,n,i=this,r=i.element,a=0,l=i.restore,d=l.length,c=e.Deferred(),u={},p={},f=i.children(),m=f.length;for(c.then(e.proxy(i,"_complete")),r.data("animating",!0),a=0;d>a;a++)t=l[a],r.data(t)||r.data(t,r.css(t));for(a=0;m>a;a++)f[a].duration(i._duration).run();return i.prepare(u,p),r.is(":visible")||v(u,{display:r.data("olddisplay")||"block"}),w&&(n=r.data("targetTransform"),n&&(u=v(n,u))),u=s(r,u),w&&!y&&(u=o(u)),r.css(u).css(J),i.setup(),r.data("targetTransform",p),h.fx.animate(r,p,{duration:i._duration,complete:c.resolve}),c.promise()},stop:function(){var t=0,n=this.children(),i=n.length;for(t=0;i>t;t++)n[t].stop();return e(this.element).kendoStop(),this},restoreCallback:function(){for(var e=this.element,t=0,n=this.restore.length;n>t;t++){var i=this.restore[t];e.css(i,e.data(i))}},_complete:function(){var t=this,n=t.element;n.removeData("animating").dequeue(),t.restoreCallback(),t.shouldHide()&&n.data("olddisplay",n.css("display")).hide(),T&&!w&&setTimeout(e.proxy(t,"restoreCallback"),0),t.teardown()},setOptions:function(e){v(!0,this.options,e)},children:function(){return[]},shouldHide:e.noop,setup:e.noop,prepare:e.noop,teardown:e.noop,directions:[],setReverse:function(e){return this._reverse=e,this}}),rt=["left","right","up","down"],at=["in","out"];u("slideIn",{directions:rt,prepare:function(e,t){var n,i=this,r=i.element,a=et[i._direction],o=-a.modifier*(a.vertical?r.outerHeight():r.outerWidth()),s=o/(i.options&&i.options.divisor||1)+B,l="0px";i._reverse&&(n=e,e=t,t=n),w?(e[a.transition]=s,t[a.transition]=l):(e[a.property]=s,t[a.property]=l)}}),u("tile",{directions:rt,init:function(e,t,n){it.prototype.init.call(this,e,t),this.options={previous:n}},children:function(){var e=this,t=e._reverse,n=e.options.previous,i=e._direction,r=[m(e.element).slideIn(i).setReverse(t)];return n&&r.push(m(n).slideIn(et[i].reverse).setReverse(!t)),r}}),p("fade","opacity",0),p("zoom","scale",.01),u("slideMargin",{prepare:function(e,t){var n,i=this,r=i.element,a=i.options,o=r.data(j),s=a.offset,l=i._reverse;l||null!==o||r.data(j,parseFloat(r.css("margin-"+a.axis))),n=r.data(j)||0,t["margin-"+a.axis]=l?n:n+s}}),u("slideTo",{prepare:function(e,t){var n=this,i=n.element,r=n.options,a=r.offset.split(","),o=n._reverse;w?(t.translatex=o?0:a[0],t.translatey=o?0:a[1]):(t.left=o?0:a[0],t.top=o?0:a[1]),i.css("left")}}),u("expand",{directions:["horizontal","vertical"],restore:[G],prepare:function(e,n){var i=this,r=i.element,a=i.options,o=i._reverse,s="vertical"===i._direction?V:U,l=r[0].style[s],d=r.data(s),c=parseFloat(d||l),u=M(r.css(s,W)[s]());e.overflow=q,c=a&&a.reset?u||c:c||u,n[s]=(o?0:c)+B,e[s]=(o?c:0)+B,d===t&&r.data(s,l)},shouldHide:function(){return this._reverse},teardown:function(){var e=this,t=e.element,n="vertical"===e._direction?V:U,i=t.data(n);(i==W||i===P)&&setTimeout(function(){t.css(n,W).css(n)},0)}});var ot={position:"absolute",marginLeft:0,marginTop:0,scale:1};u("transfer",{init:function(e,t){this.element=e,this.options={target:t},this.restore=[]},setup:function(){this.element.appendTo(document.body)},prepare:function(e,t){var n,i=this,r=i.element,a=i.options,o=i._reverse,s=a.target,d=l(r,"scale"),c=s.offset(),u=s.outerHeight()/r.outerHeight();v(e,ot),t.scale=1,r.css(J,"scale(1)").css(J),n=r.offset(),r.css(J,"scale("+d+")");var p=0,f=0,h=c.left-n.left,m=c.top-n.top,g=p+r.outerWidth(),_=f,k=h+s.outerWidth(),b=m,w=(m-f)/(h-p),y=(b-_)/(k-g),x=(f-_-w*p+y*g)/(y-w),C=f+w*(x-p);e.top=n.top,e.left=n.left,e.transformOrigin=x+B+" "+C+B,o?e.scale=u:t.scale=u}});var st={top:"rect(auto auto $size auto)",bottom:"rect($size auto auto auto)",left:"rect(auto $size auto auto)",right:"rect(auto auto auto $size)"},lt={top:{start:"rotatex(0deg)",end:"rotatex(180deg)"},bottom:{start:"rotatex(-180deg)",end:"rotatex(0deg)"},left:{start:"rotatey(0deg)",end:"rotatey(-180deg)"},right:{start:"rotatey(180deg)",end:"rotatey(0deg)"}};u("turningPage",{directions:rt,init:function(e,t,n){it.prototype.init.call(this,e,t),this._container=n},prepare:function(e,t){var n=this,i=n._reverse,r=i?et[n._direction].reverse:n._direction,a=lt[r];e.zIndex=1,n._clipInHalf&&(e.clip=f(n._container,h.directions[r].reverse)),e[Z]=q,t[J]=i?a.start:a.end,e[J]=i?a.end:a.start},setup:function(){this._container.append(this.element)},face:function(e){return this._face=e,this},shouldHide:function(){var e=this,t=e._reverse,n=e._face;return t&&!n||!t&&n},clipInHalf:function(e){return this._clipInHalf=e,this},temporary:function(e){return this._temporary=e,this},teardown:function(){this._temporary&&this.element.remove()}}),u("staticPage",{directions:rt,init:function(e,t,n){it.prototype.init.call(this,e,t),this._container=n},restore:["clip"],prepare:function(e){var t=this,n=t._reverse?et[t._direction].reverse:t._direction;e.clip=f(t._container,n)},shouldHide:function(){var e=this,t=e._reverse,n=e._face;return t&&!n||!t&&n},face:function(e){return this._face=e,this}}),u("pageturn",{directions:["horizontal","vertical"],init:function(e,t,n,i){it.prototype.init.call(this,e,t),this.options={},this.options.face=n,this.options.back=i},children:function(){var e,t=this,n=t.options,i="horizontal"===t._direction?"left":"top",r=h.directions[i].reverse,a=t._reverse,o=n.face.clone(!0).removeAttr("id"),s=n.back.clone(!0).removeAttr("id"),l=t.element;return a&&(e=i,i=r,r=e),[m(n.face).staticPage(i,l).face(!0).setReverse(a),m(n.back).staticPage(r,l).setReverse(a),m(o).turningPage(i,l).face(!0).clipInHalf(!0).temporary(!0).setReverse(a),m(s).turningPage(r,l).clipInHalf(!0).temporary(!0).setReverse(a)]},prepare:function(e){e[X]=1e3,e.transformStyle="preserve-3d"},teardown:function(){this.element.find(".temp-pages").remove()}}),u("flip",{directions:["horizontal","vertical"],init:function(e,t,n,i){it.prototype.init.call(this,e,t),this.options={},this.options.face=n,this.options.back=i},children:function(){var e,t=this,n=t.options,i="horizontal"===t._direction?"left":"top",r=h.directions[i].reverse,a=t._reverse,o=t.element;return a&&(e=i,i=r,r=e),[m(n.face).turningPage(i,o).face(!0).setReverse(a),m(n.back).turningPage(r,o).setReverse(a)]},prepare:function(e){e[X]=1e3,e.transformStyle="preserve-3d"}});var dt=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)},ct=h.Class.extend({init:function(){var e=this;e._tickProxy=_(e._tick,e),e._started=!1},tick:e.noop,done:e.noop,onEnd:e.noop,onCancel:e.noop,start:function(){this.done()||(this._started=!0,dt(this._tickProxy))},cancel:function(){this._started=!1,this.onCancel()},_tick:function(){var e=this;e._started&&(e.tick(),e.done()?(e._started=!1,e.onEnd()):dt(e._tickProxy))}}),ut=ct.extend({init:function(e){var t=this;v(t,e),ct.fn.init.call(t)},done:function(){return this.timePassed()>=this.duration},timePassed:function(){return Math.min(this.duration,+new Date-this.startDate)},moveTo:function(e){var t=this,n=t.movable;t.initial=n[t.axis],t.delta=e.location-t.initial,t.duration=e.duration||300,t.tick=t._easeProxy(e.ease),t.startDate=+new Date,t.start()},_easeProxy:function(e){var t=this;return function(){t.movable.moveAxis(t.axis,e(t.timePassed(),t.initial,t.delta,t.duration))}}});v(ut,{easeOutExpo:function(e,t,n,i){return e==i?t+n:n*(-Math.pow(2,-10*e/i)+1)+t},easeOutBack:function(e,t,n,i,r){return r=1.70158,n*((e=e/i-1)*e*((r+1)*e+r)+1)+t}}),m.Animation=ct,m.Transition=ut,m.createEffect=u,m.Effects=O}(window.kendo.jQuery),function(e,t){function n(r){var o,s,l,d,c,u,p,f,h=[],m=r.logic||"and",g=r.filters;for(o=0,s=g.length;s>o;o++)r=g[o],l=r.field,p=r.value,u=r.operator,r.filters?r=n(r):(f=r.ignoreCase,l=l.replace(/\./g,"/"),r=a[u],r&&p!==t&&(d=e.type(p),"string"===d?(c="'{1}'",p=p.replace(/'/g,"''"),f===!0&&(l="tolower("+l+")")):c="date"===d?"datetime'{1:yyyy-MM-ddTHH:mm:ss}'":"{1}",c=r.length>3?"substringof"!==r?"{0}({2},"+c+")":"{0}("+c+",{2})":"{2} {0} "+c,r=i.format(c,r,p,l))),h.push(r);return r=h.join(" "+m+" "),h.length>1&&(r="("+r+")"),r}var i=window.kendo,r=e.extend,a={eq:"eq",neq:"ne",gt:"gt",gte:"ge",lt:"lt",lte:"le",contains:"substringof",endswith:"endswith",startswith:"startswith"},o={pageSize:e.noop,page:e.noop,filter:function(e,t){t&&(e.$filter=n(t))},sort:function(t,n){var i=e.map(n,function(e){var t=e.field.replace(/\./g,"/");return"desc"===e.dir&&(t+=" desc"),t}).join(",");i&&(t.$orderby=i)},skip:function(e,t){t&&(e.$skip=t)},take:function(e,t){t&&(e.$top=t)}},s={read:{dataType:"jsonp"}};r(!0,i.data,{schemas:{odata:{type:"json",data:function(e){return e.d.results||[e.d]},total:"d.__count"}},transports:{odata:{read:{cache:!0,dataType:"jsonp",jsonp:"$callback"},update:{cache:!0,dataType:"json",contentType:"application/json",type:"PUT"},create:{cache:!0,dataType:"json",contentType:"application/json",type:"POST"},destroy:{cache:!0,dataType:"json",type:"DELETE"},parameterMap:function(e,t){var n,r,a,l;if(e=e||{},t=t||"read",l=(this.options||s)[t],l=l?l.dataType:"json","read"===t){n={$inlinecount:"allpages"},"json"!=l&&(n.$format="json");for(a in e)o[a]?o[a](n,e[a]):n[a]=e[a]}else{if("json"!==l)throw Error("Only json dataType can be used for "+t+" operation.");if("destroy"!==t){for(a in e)r=e[a],"number"==typeof r&&(e[a]=r+"");n=i.stringify(e)}}return n}}}})}(window.kendo.jQuery),function(e,t){var n=window.kendo,i=e.isArray,r=e.isPlainObject,a=e.map,o=e.each,s=e.extend,l=n.getter,d=n.Class,c=d.extend({init:function(e){var t=this,l=e.total,d=e.model,c=e.parse,u=e.data;if(d){if(r(d)){d.fields&&o(d.fields,function(e,n){n=r(n)&&n.field?s(n,{field:t.getter(n.field)}):{field:t.getter(n)},d.fields[e]=n});var p=d.id;if(p){var f={};f[t.xpathToMember(p,!0)]={field:t.getter(p)},d.fields=s(f,d.fields),d.id=t.xpathToMember(p)}d=n.data.Model.define(d)}t.model=d}if(l&&("string"==typeof l?(l=t.getter(l),t.total=function(e){return parseInt(l(e),10)}):"function"==typeof l&&(t.total=l)),u&&("string"==typeof u?(u=t.xpathToMember(u),t.data=function(e){var n,r=t.evaluate(e,u);return r=i(r)?r:[r],t.model&&d.fields?(n=new t.model,a(r,function(e){if(e){var t,i={};for(t in d.fields)i[t]=n._parse(t,d.fields[t].field(e));return i}})):r}):"function"==typeof u&&(t.data=u)),"function"==typeof c){var h=t.parse;t.parse=function(e){var n=c.call(t,e);return h.call(t,n)}}},total:function(e){return this.data(e).length},errors:function(e){return e?e.errors:null},parseDOM:function(e){var n,r,a,o,s,l,d,c={},u=e.attributes,p=u.length;for(d=0;p>d;d++)l=u[d],c["@"+l.nodeName]=l.nodeValue;for(r=e.firstChild;r;r=r.nextSibling)a=r.nodeType,3===a||4===a?c["#text"]=r.nodeValue:1===a&&(n=this.parseDOM(r),o=r.nodeName,s=c[o],i(s)?s.push(n):s=s!==t?[s,n]:n,c[o]=s);return c},evaluate:function(e,t){for(var n,r,a,o,s,l=t.split(".");n=l.shift();)if(e=e[n],i(e)){for(r=[],t=l.join("."),s=0,a=e.length;a>s;s++)o=this.evaluate(e[s],t),o=i(o)?o:[o],r.push.apply(r,o);return r}return e},parse:function(t){var n,i,r={};return n=t.documentElement||e.parseXML(t).documentElement,i=this.parseDOM(n),r[n.nodeName]=i,r},xpathToMember:function(e,t){return e?(e=e.replace(/^\//,"").replace(/\//g,"."),e.indexOf("@")>=0?e.replace(/\.?(@.*)/,t?"$1":'["$1"]'):e.indexOf("text()")>=0?e.replace(/(\.?text\(\))/,t?"#text":'["#text"]'):e):""},getter:function(e){return l(this.xpathToMember(e),!0)}});e.extend(!0,n.data,{XmlDataReader:c,readers:{xml:c}})}(window.kendo.jQuery),function(e,t){function n(e,t,n,i){return function(r){var a,o={};for(a in r)o[a]=r[a];o.field=i?n+"."+r.field:n,e.trigger(t,o)}}function i(t,n){if(t===n)return!0;var r,a=e.type(t),o=e.type(n);if(a!==o)return!1;if("date"===a)return t.getTime()===n.getTime();if("object"!==a&&"array"!==a)return!1;for(r in t)if(!i(t[r],n[r]))return!1;return!0}function r(e,t){var n,i;for(i in e){if(n=e[i],z(n)&&n.field&&n.field===t)return n;if(n===t)return n}return null}function a(e){this.data=e||[]}function o(e,n){if(e){var i=typeof e===q?{field:e,dir:n}:e,r=O(i)?i:i!==t?[i]:[];return M(r,function(e){return!!e.dir})}}function s(e){var t,n,i,r,a=e.filters;if(a)for(t=0,n=a.length;n>t;t++)i=a[t],r=i.operator,r&&typeof r===q&&(i.operator=Dt[r.toLowerCase()]||r),s(i)}function l(e){return e&&!H(e)?((O(e)||!e.filters)&&(e={logic:"and",filters:O(e)?e:[e]}),s(e),e):t}function d(e){return O(e)?e:[e]}function c(e,n){var i=typeof e===q?{field:e,dir:n}:e,r=O(i)?i:i!==t?[i]:[];return N(r,function(e){return{field:e.field,dir:e.dir||"asc",aggregates:e.aggregates}})}function u(e,t){return e&&e.getTime&&t&&t.getTime?e.getTime()===t.getTime():e===t}function p(e,t,n,i,r){t=t||[];var a,o,s,l=t.length;for(a=0;l>a;a++){o=t[a],s=o.aggregate;var d=o.field;e[d]=e[d]||{},e[d][s]=Et[s.toLowerCase()](e[d][s],n,W.accessor(d),i,r)}}function f(e){var t,n=e.length,i=Array(n);for(t=0;n>t;t++)i[t]=e[t].toJSON();return i}function h(e,n){n=n||{};var i,r=new a(e),s=n.group,l=c(s||[]).concat(o(n.sort||[])),d=n.filter,u=n.skip,p=n.take;return d&&(r=r.filter(d),i=r.toArray().length),l&&(r=r.sort(l),s&&(e=r.toArray())),u!==t&&p!==t&&(r=r.range(u,p)),s&&(r=r.group(s,e)),{total:i,data:r.toArray()}}function m(e,t){t=t||{};var n=new a(e),i=t.aggregate,r=t.filter;return r&&(n=n.filter(r)),n.aggregate(i)}function g(e,t,n){var i,r,a,o;for(a=0,o=e.length;o>a;a++){i=e[a];for(r in t)i[r]=n._parse(r,t[r](i))}}function v(e,t,n){var i,r,a;for(r=0,a=e.length;a>r;r++)i=e[r],i.value=n._parse(i.field,i.value),i.hasSubgroups?v(i.items,t,n):g(i.items,t,n)}function _(e,t,n,i){return function(r){return r=e(r),r&&!H(i)&&("[object Array]"===mt.call(r)||r instanceof bt||(r=[r]),n(r,i,new t)),r||[]}}function k(e){var t,n,i=[];for(t=0,n=e.length;n>t;t++)i=e[t].hasSubgroups?i.concat(k(e[t].items)):i.concat(e[t].items.slice());return i}function b(e,t){var n,i,r,a;if(t)for(n=0,i=e.length;i>n;n++)r=e[n],a=r.items,r.hasSubgroups?b(a,t):!a.length||a[0]instanceof t||(a.type=t,a.wrapAll(a,a))}function w(e,t){var n,i;for(n=0,i=e.length;i>n;n++)if(e[n].hasSubgroups){if(w(e[n].items,t))return!0}else if(t(e[n].items,e[n]))return!0}function y(e,t){var n,i;for(n=0,i=e.length;i>n;n++)if(e[n].uid==t.uid)return t=e[n],e.splice(n,1),t}function x(e,t){var n,i,r,a;for(r=e.length-1,a=0;r>=a;r--)i=e[r],n={value:t.get(i.field),field:i.field,items:n?[n]:[t],hasSubgroups:!!n,aggregates:{}};return n}function C(e,t){return t?S(e,function(e){return e[t.idField]===t.id}):-1}function T(e,t){return t?S(e,function(e){return e.uid==t.uid}):-1}function S(e,t){var n,i;for(n=0,i=e.length;i>n;n++)if(t(e[n]))return n;return-1}function F(t,n){var i,r,a,o,s,l=e(t)[0].children,d=[],c=n[0],u=n[1];for(i=0,r=l.length;r>i;i++)a={},s=l[i],a[c.field]=s.text,o=s.attributes.value,o=o&&o.specified?s.value:s.text,a[u.field]=o,d.push(a);return d}function D(t,n){var i,r,a,o,s,l,d,c=e(t)[0].tBodies[0],u=c?c.rows:[],p=n.length,f=[];for(i=0,r=u.length;r>i;i++){for(s={},d=!0,o=u[i].cells,a=0;p>a;a++)l=o[a],"th"!==l.nodeName.toLowerCase()&&(d=!1,s[n[a].field]=l.innerHTML);d||f.push(s)}return f}function E(t,n){var i,r,a,o,s,l,d,c,u=e(t).children(),p=[],f=n[0].field,h=n[1]&&n[1].field,m=n[2]&&n[2].field,g=n[3]&&n[3].field;for(i=0,r=u.length;r>i;i++)a={},o=u.eq(i),l=o[0].firstChild,c=o.children(),t=c.filter("ul"),c=c.filter(":not(ul)"),s=o.attr("data-id"),s&&(a.id=s),l&&(a[f]=3==l.nodeType?l.nodeValue:c.text()),h&&(a[h]=c.find("a").attr("href")),g&&(a[g]=c.find("img").attr("src")),m&&(d=c.find(".k-sprite").prop("className"),a[m]=d&&e.trim(d.replace("k-sprite",""))),t.length&&(a.items=E(t.eq(0),n)),"true"==o.attr("data-hasChildren")&&(a.hasChildren=!0),p.push(a);return p}var N,A=e.extend,I=e.proxy,R=e.isFunction,z=e.isPlainObject,H=e.isEmptyObject,O=e.isArray,M=e.grep,P=e.ajax,B=e.each,L=e.noop,W=window.kendo,U=W.Observable,V=W.Class,q="string",j="function",$="create",G="read",Q="update",Y="destroy",K="change",J="sync",X="get",Z="error",et="requestStart",tt="progress",nt="requestEnd",it=[$,G,Q,Y],rt=function(e){return e},at=W.getter,ot=W.stringify,st=Math,lt=[].push,dt=[].join,ct=[].pop,ut=[].splice,pt=[].shift,ft=[].slice,ht=[].unshift,mt={}.toString,gt=W.support.stableSort,vt=/^\/Date\((.*?)\)\/$/,_t=/(\r+|\n+)/g,kt=/(?=['\\])/g,bt=U.extend({init:function(e,t){var n=this;n.type=t||wt,U.fn.init.call(n),n.length=e.length,n.wrapAll(e,n)},toJSON:function(){var e,t,n=this.length,i=Array(n);for(e=0;n>e;e++)t=this[e],t instanceof wt&&(t=t.toJSON()),i[e]=t;return i},parent:L,wrapAll:function(e,t){var n,i,r=this,a=function(){return r};for(t=t||[],n=0,i=e.length;i>n;n++)t[n]=r.wrap(e[n],a);return t},wrap:function(e,t){var n,i=this;return null!==e&&"[object Object]"===mt.call(e)&&(n=e instanceof i.type||e instanceof Ct,n||(e=e instanceof wt?e.toJSON():e,e=new i.type(e)),e.parent=t,e.bind(K,function(e){i.trigger(K,{field:e.field,node:e.node,index:e.index,items:e.items||[this],action:e.node?e.action||"itemchange":"itemchange"})})),e},push:function(){var e,t=this.length,n=this.wrapAll(arguments);return e=lt.apply(this,n),this.trigger(K,{action:"add",index:t,items:n}),e},slice:ft,join:dt,pop:function(){var e=this.length,t=ct.apply(this);return e&&this.trigger(K,{action:"remove",index:e-1,items:[t]}),t},splice:function(e,t,n){var i,r,a,o=this.wrapAll(ft.call(arguments,2));if(i=ut.apply(this,[e,t].concat(o)),i.length)for(this.trigger(K,{action:"remove",index:e,items:i}),r=0,a=i.length;a>r;r++)i[r].children&&i[r].unbind(K);return n&&this.trigger(K,{action:"add",index:e,items:o}),i},shift:function(){var e=this.length,t=pt.apply(this);return e&&this.trigger(K,{action:"remove",index:0,items:[t]}),t},unshift:function(){var e,t=this.wrapAll(arguments);return e=ht.apply(this,t),this.trigger(K,{action:"add",index:0,items:t}),e},indexOf:function(e){var t,n,i=this;for(t=0,n=i.length;n>t;t++)if(i[t]===e)return t;return-1}}),wt=U.extend({init:function(e){var t,n,i,r=this,a=function(){return r};U.fn.init.call(this);for(n in e)t=e[n],"_"!=n.charAt(0)&&(i=mt.call(t),t=r.wrap(t,n,a)),r[n]=t;r.uid=W.guid()},shouldSerialize:function(e){return this.hasOwnProperty(e)&&"_events"!==e&&typeof this[e]!==j&&"uid"!==e},toJSON:function(){var e,t,n={};for(t in this)this.shouldSerialize(t)&&(e=this[t],(e instanceof wt||e instanceof bt)&&(e=e.toJSON()),n[t]=e);return n},get:function(e){var t,n=this;return n.trigger(X,{field:e}),t="this"===e?n:W.getter(e,!0)(n)},_set:function(e,n){var i=this;if(e.indexOf("."))for(var r=e.split("."),a="";r.length>1;){a+=r.shift();var o=W.getter(a,!0)(i);if(o instanceof wt)return o.set(r.join("."),n),t;a+="."}W.setter(e)(i,n)},set:function(e,t){var n=this,i=W.getter(e,!0)(n),r=function(){return n};i!==t&&(n.trigger("set",{field:e,value:t})||(n._set(e,n.wrap(t,e,r)),n.trigger(K,{field:e})))},parent:L,wrap:function(e,i,r){var a=this,o=mt.call(e),s=e instanceof bt;return null===e||e===t||"[object Object]"!==o||e instanceof zt||s?null===e||"[object Array]"!==o&&!s?null!==e&&e instanceof zt&&(e._parent=r):(s||(e=new bt(e)),e.parent()!=r()&&(e.parent=r,e.bind(K,n(a,K,i,!1)))):(e instanceof wt||(e=new wt(e)),e.parent()!=r()&&(e.parent=r,e.bind(X,n(a,X,i,!0)),e.bind(K,n(a,K,i,!0)))),e}}),yt={number:function(e){return W.parseFloat(e)},date:function(e){return W.parseDate(e)},"boolean":function(e){return typeof e===q?"true"===e.toLowerCase():null!=e?!!e:e},string:function(e){return null!=e?e+"":e" class="errorSourceCode ">...ndTo(document.body)},prepare:function(e,t){var n,i=this,r=i.element,a=i.options,...kendo.web.min.js (line 10
Kyriakos
Top achievements
Rank 1
 answered on 13 Jun 2013
0 answers
58 views
I am migrating an application from release 2012.3.1114 to release 2013.1.319.

Previously, I was able to apply HtmlAttributes on columns in this manner:
@(Html.Kendo().Grid<ToolListItemView>().Name("texListGrid")
    .Columns(columns => {
        columns.Bound(m => m.ToolId);
        columns.Bound(m => m.Description).HtmlAttributes(new { style = "font-size: 1.3em;" });
        columns.Bound(m => m.LastModified);
        columns.Bound(m => m.ConditionName);
        columns.Bound(m => m.LocationName);
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("ToolsRead", "List").Data("listParams"))
    )
)
With release 2013.1.319, an "invalid template" error is generated from the above code.  If I change HtmlAttributes to HeaderHtmlAttributes, no errors are generated and the style is applied to the column header (i.e. the format of the HtmlAttributes isn't a problem).  I did verify that I could use HtmlAttibutes on a column with an @class parameter successfully, which is the correct way of applying styles.  I guess I'm wondering if this capability (local CSS styling via HtmlAttributes) was intentionally removed, or if I'm doing something wrong?

Edit: Sorry - I should have been posted this in the Kendo UI Complete for ASP.NET MVC forum.
gm
Top achievements
Rank 1
 asked on 13 Jun 2013
3 answers
362 views
I cannot understand how this works. Basically, I have problem of displaying ListView from dataSource.

Html (view which references template):

<div id="index"
         data-title="My Kendo sushi" data-role="view"  data-layout="default"
         data-show="showMenuView"
            >
        <ul id="featured" class="item-list"
            data-role="listview"
            data-template="menuTemplate"
            data-source="ds"
            data-auto-bind="false"
                >
        </ul>
    </div>
  
  
    <script id="menuTemplate" type="text/x-kendo-template">
        #= ProductName #
    </script>

var app;
 
var schema = {
    data: "",
    model: {}
};
 
var ds = new kendo.data.DataSource({
    schema: schema,
    transport: {
        read: { 
            url: "http://demos.kendoui.com/service/products",
            dataType: "jsonp", 
            type: "GET"
        }
    },
    group: "category",
    error: function() { console.log(arguments); }
});
 
var featured = new kendo.data.DataSource({
    schema: schema,
    filter: {
        field: "featured",
        operator: "eq",
        value: true
    }
});
 
ds.bind("change", function() {
    console.log(schema.data);
    console.log(ds.data());
    featured.data(ds.data());
});
 
ds.fetch(); 
 
app = new kendo.mobile.Application($(document.body), { transition: "slide" });

And list is never populated. However request was successful and on ds.bind("change" ...) prints all data.

When I change those two lines:
url: "http://demos.kendoui.com/service/products",
dataType: "jsonp", 

With lines from Sushi example (having that file in system) - everything works:
url: "content/menu.json",
dataType: "json",

I am completely lost why it is not working in my case...















Alexander Valchev
Telerik team
 answered on 13 Jun 2013
1 answer
143 views
Hey,

I've set up a listview to be endless scrolling with a local data source (not remote). The functionality works correctly but I'm not getting a spinner showing when the next batch of data is being displayed. Should this work out of the box or have a missed a parameter needed in the set up?
$("#events-listview").kendoMobileListView({
     dataSource: kendo.data.DataSource.create({data: viewModel.events, pageSize: 30}),
     template: $("#events-list-template").html(),
     endlessScroll: true,
     scrollThreshold: 30
});

Thanks in advance

Alexander Valchev
Telerik team
 answered on 13 Jun 2013
1 answer
206 views
I have additional data that I would have liked to be included in the option tag and then read after the change event. However, any data- attribute I add to the option is removed after I convert it to a kendoDropDownList. I do not wish to set the datasource and a custom template. I simply want the converted select element to retain its original properties.
Georgi Krustev
Telerik team
 answered on 13 Jun 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
TimePicker
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?