Hi Everyone,

I have following very simple code that works as expected.

Why do I not need to call ds.read() in this scenario?

And 

If i replace the dataSource: ds with the commented block dataSource: {data: ds } no data is displayed at all. Any idea why?

Thanks for the help.

Hi guys,
         Im currently having a project using a splitview..but Im having a difficult problem with the splitview. Because I want the split view hide first and call it in a button..Im paste the codes of splitview in a Page or View container but Its doesnt work. Can you help me guys.Thanks

How do I put an external  template into a grid column declaratively?

Here is what I am trying:

I have

When I hit "add new record", every record in the grid including the new one is sent to the server.
Is there a way to prevent this and only allow the newly added record to get POST'ed to the server?
Kind Regards
Andrew

Dear Kendo Team,
I try to run a tooltip (see code below and result in attachment).

This works fine, excepted I can see the call out...
I force the value to true, but without succes...
I take your example, provided here, and I've got the same result....(see in attachment)

The only things that i've changed, it's the jquery path (currently using jquery-1.8.3.min.js)
Thanks for your help!
Best regards

I am absolutely new to Kenod and all it attached features and needed tasks - so please forgive me.

I was able to retrieve data from my sql database and bind it to a tabstrip.

However when I try to filter (remember I am actually clueless what I am doing) its not working.

1)  http://docs.kendoui.com/api/framework/datasource the syntax looks like

If I search the web I mostly find fiields operator and value in""

Does it matter?
Which is correct?


2) this are two ways I tried and both did not work. Any suggestions?

Try # 1

Try #2

 
Any help is appreciated, and please forgive me if these questions are to clear.

Markus

I searched around for a while in the forums, etc. but wasn't able to find an answer, so my apologies if this has already been addressed elsewhere.

I'm using a DataViz pie chart and would like to have the option for labels to show outside the pie or on the pie slices themselves.  I can accomplish this by setting series.labels.position to outsideEnd for outside the chart and centered to render them on the pie slices.

However, if there are pie slices that are too small (let's say %5 of the pie or less) having the labels render on the pie slice is not very useful, and I'd like to have them render outsider the pie.  In other words, it would be nice if there were an option to tell the chart to render the label on the slice except in cases where the slice is too small, in which case the label will automatically render outside the slice.  This sort of behavior seems pretty standard in other pie charts I've seen in the past.

Is there a way to easily do this? 

Thanks!
--Joel

I am running Chrome version 26.0.1410.60M. In this version of my browser, from within the grid I cannot seem to modify and change the check boxes. When I click on the true or false within grid, it does change the OptOut field from true or false to a checkbox. But then when I try to update the checkbox, the grid doesn't let me, and it just toggles back to True or false. Here is the HTML from the page. Is there something I'm doing wrong on the page, or is this an issue with the kendo libraries?

Attached is the cshtml file that generated the code, and the final HTML.
Thanks!

File1:
@model Pipeline.Web.Models.EmailPreferencesViewModel@{
    ViewBag.Title = "title";
  //  Layout = "About.cshtml";
}<h2>title</h2>
<script>
    $(document).ready(function() {
    //    window.emailTemplateGrid = @Html.Raw(Json.Encode(Model.emailTemplateSelectionsViewModel));        var dataSource = new kendo.data.DataSource({
            data: @Html.Raw(Json.Encode(Model.emailTemplateSelectionsViewModel)),
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        ID: { type: "number" },
                        NotificationName: { type: "string" },
                        Description: { type: "string" },
                        OptOut: { type: "boolean",editable:true }
                    }
                }
            },
            pageSize: 20                
        });                //var dataSource = new kendo.data.DataSource({
        //    data: [
        //     { ID:1,NotificationName:"test1",Description: "Test Desc",OptOut:true },
        //     { ID:2,NotificationName:"test2",Description: "Test Desc2",OptOut: false}
           
           
        //    ]
               
        //        ,
        //    schema: {
        //        model: {
        //            id:"ID",
        //            fields: {
        //                ID: { type: "number" },
        //                NotificationName: { type: "string" },
        //                Description: { type: "string" },
        //                OptOut: { type: "boolean" }
        //            }
        //        }
        //    },
        //    pageSize: 20
                           
        //});          console.log("Client Contact Grid Data: " + JSON.stringify(dataSource, null, 4));
        var grid = $("#emailTemplateGrid").kendoGrid({
           
            dataSource:dataSource,
            pageable:true,
            columns: [
                { title: "ID", field: "ID", hidden: true },
                { title: "Notification Name", field: "NotificationName" },
                { title: "Description", field: "Description" },
                { field: "OptOut", title: "OptOut", width:210}],
                       
            editable: true
          
        });    
        //{ command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }        $("#btnSave").click(function() {
         //   var notes = $("#ATPNotes").data("kendoEditor").value();
            var emailTemplate = [];
            $.each(dataSource._data, function (index, value) {
               
                var emailTemplateSelectionsViewModel = { };
                emailTemplateSelectionsViewModel.ID = value.ID;
                emailTemplateSelectionsViewModel.NotificationName = value.NotificationName;
                emailTemplateSelectionsViewModel.Description = value.Description;
                emailTemplateSelectionsViewModel.OptOut = value.OptOut;
               
               
                emailTemplate.push(emailTemplateSelectionsViewModel);
                console.log("emailTemplateSelectionsViewModel: " + JSON.stringify(emailTemplateSelectionsViewModel, null, 4));
            });
         //   var searchTeam = [];
         //   $.each(window.searchTeamGridData, function(index, value) {
         //       searchTeam.push(value.ID);
         //   });       
                        var DTO = { 'emailTemplateSelectionsViewModels': emailTemplate };     $.ajax({
         type: 'POST',
         url: "@Url.Action("EmailPreferencesUpdate", "DataService")",
                contentType: 'application/json;charset=utf-8',
                data: JSON.stringify(DTO),
                dataType: 'json'
            //    success: function(data) {
            //        $("#ATPhoneCall").data("kendoWindow").close();
            //        location.reload(true);
           //     }
            });
 });
    });
</script>
<div id="emailTemplateGrid"></div>
<BR /><strong>Regional Approvers:</strong><br/>
    <div id="searchTeam"><!-- Filled from jquery load call --></div>
<br/> <input id="btnSave" type="button" value="Save" />
    

Final HTML:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>title - Pipeline</title>
        <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <link href="/Content/Site.css" rel="stylesheet"/>
<link href="/Content/Main.css" rel="stylesheet"/>        <link href="/Content/Kendo/kendo.common.css" rel="stylesheet"/>
<link href="/Content/Kendo/kendo.default.css" rel="stylesheet"/>
        <script src="/Scripts/Lib/jquery-1.9.1.js"></script>        <script src="/Scripts/Kendo/kendo.web-2013.1.319.js"></script>
<script src="/Scripts/Kendo/kendo.aspnetmvc-2013.1.319.js"></script>        <script src="/Scripts/Lib/modernizr-2.5.3.js"></script>        <script src="/Scripts/pipeline.dataservice.js"></script>        <script src="/Scripts/pipeline.utilities.js"></script>    </head>
    <body>
        <header>
            <div class="content-wrapper">
                <div class="float-left">
                    <p class="site-title"><a href="/">your logo here</a></p>
                </div>
                <div class="float-right">
                    <section id="login">
                        Hello, <span class="username">CTNET\adm_kkess</span>!
                    </section>
                    <nav>
                        <ul id="menu">
                            <li><a href="/">Home</a></li>
                            <li><a href="/Admin">Admin</a></li>
                            <li><a href="/Home/About">About</a></li>
                            <li><a href="/Home/Contact">Contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <div id="body">
           
            <section class="content-wrapper main-content clear-fix">
                <h2>title</h2>
<script>
    $(document).ready(function() {
    //    window.emailTemplateGrid = [{"ID":3,"NotificationName":"1OnListToGet","Description":"Another to send","OptOut":false},{"ID":4,"NotificationName":"2LOETestEveryoneCanOptOut","Description":"LOE Test Email Avail to everyone and can opt out","OptOut":true}];        var dataSource = new kendo.data.DataSource({
            data: [{"ID":3,"NotificationName":"1OnListToGet","Description":"Another to send","OptOut":false},{"ID":4,"NotificationName":"2LOETestEveryoneCanOptOut","Description":"LOE Test Email Avail to everyone and can opt out","OptOut":true}],
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        ID: { type: "number" },
                        NotificationName: { type: "string" },
                        Description: { type: "string" },
                        OptOut: { type: "boolean",editable:true }
                    }
                }
            },
            pageSize: 20                
        });                //var dataSource = new kendo.data.DataSource({
        //    data: [
        //     { ID:1,NotificationName:"test1",Description: "Test Desc",OptOut:true },
        //     { ID:2,NotificationName:"test2",Description: "Test Desc2",OptOut: false}
           
           
        //    ]
               
        //        ,
        //    schema: {
        //        model: {
        //            id:"ID",
        //            fields: {
        //                ID: { type: "number" },
        //                NotificationName: { type: "string" },
        //                Description: { type: "string" },
        //                OptOut: { type: "boolean" }
        //            }
        //        }
        //    },
        //    pageSize: 20
                           
        //});          console.log("Client Contact Grid Data: " + JSON.stringify(dataSource, null, 4));
        var grid = $("#emailTemplateGrid").kendoGrid({
           
            dataSource:dataSource,
            pageable:true,
            columns: [
                { title: "ID", field: "ID", hidden: true },
                { title: "Notification Name", field: "NotificationName" },
                { title: "Description", field: "Description" },
                { field: "OptOut", title: "OptOut", width:210}],
                       
            editable: true
          
        });    
        //{ command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }        $("#btnSave").click(function() {
         //   var notes = $("#ATPNotes").data("kendoEditor").value();
            var emailTemplate = [];
            $.each(dataSource._data, function (index, value) {
               
                var emailTemplateSelectionsViewModel = { };
                emailTemplateSelectionsViewModel.ID = value.ID;
                emailTemplateSelectionsViewModel.NotificationName = value.NotificationName;
                emailTemplateSelectionsViewModel.Description = value.Description;
                emailTemplateSelectionsViewModel.OptOut = value.OptOut;
               
               
                emailTemplate.push(emailTemplateSelectionsViewModel);
                console.log("emailTemplateSelectionsViewModel: " + JSON.stringify(emailTemplateSelectionsViewModel, null, 4));
            });
         //   var searchTeam = [];
         //   $.each(window.searchTeamGridData, function(index, value) {
         //       searchTeam.push(value.ID);
         //   });       
                        var DTO = { 'emailTemplateSelectionsViewModels': emailTemplate };     $.ajax({
         type: 'POST',
         url: "/DataService/EmailPreferencesUpdate",
                contentType: 'application/json;charset=utf-8',
                data: JSON.stringify(DTO),
                dataType: 'json'
            //    success: function(data) {
            //        $("#ATPhoneCall").data("kendoWindow").close();
            //        location.reload(true);
           //     }
            });
 });
    });
</script>
<div id="emailTemplateGrid"></div>
<BR /><strong>Regional Approvers:</strong><br/>
    <div id="searchTeam"><!-- Filled from jquery load call --></div>
<br/> <input id="btnSave" type="button" value="Save" />
   
       
            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; 2013 - My ASP.NET MVC Application</p>
                </div>
            </div>
        </footer>     </body>
</html>
         

I want to know about the event of 'series chart click event and plot area click'.

I gave a click event to series chart and plot area chart , but the problem is "I don't know the 'ID' of clicked chart'

How can I get the 'Id' of chart that I clicked??

Thanks in advance.

I'm trying to use the Kendo UI colour picker with the opacity slider, which the documentation describes as being available if you use the hsv selector. 

If I use the hsv selector and change the RGB values first, all select events fire normally. However if I try and change the opacity first using the opacity slider, the select event doesn't fire, and therefore the colour doesn't update to reflect the new opacity value. If I change the rgb colour values at any stage, the select event then fires normally from then on.

So basically there seems to be an issue if the user only wishes to change the opacity of particular colour, but does not need to change the RGB values for the colour. 

Can anyone confirm whether this is a bug?  It is happening in IE9 and Chrome for me, Kendo UI Q1 2013 release.