Hi,

I am trying to implement a scenario where user can drop nodes from the tree to an editor. By default all the nodes are draggable of the kendo treeview control so I have to remove the dragAndDrop and use kendoDraggable so that parent nodes are not draggable. This is working fine by using templates.

Now, for the editor part, if I apply kendoEditor to the textarea and make it kendoDropTarget, the drop functionality is not working. However this works if I keep textarea as it is (without kendo editor) and apply kendoDropTarget to the textarea. Not sure what I am missing?

The code snippet is share at: http://jsfiddle.net/N4PVu/

Regards,
Monish.

Hi,

      I need to unchecked the All Day check box when creating the schedules in Calender. Since i am getting always selected in default.

    I am using the below code for scheduler and template.

  Calender

@(Html.Kendo().Scheduler<SchedulerViewModel>()
            .Name("uxAuditSchedulerView")
            .Date(DateTime.Now)
            .Views(views =>
            {
                views.DayView(day => day.Title("DAY"));
                views.WeekView(week => week.Title("WEEK"));
                views.MonthView(month => month.Selected(true).Title("MONTH"));
                views.AgendaView(agenda => agenda.Title("TIMELINE"));
            })
           

            .DataSource(d => d
                .Model(m =>
                {
                    m.Id(f => f.SchedulerId);
                    m.Field(f => f.AuditDetailId);
                    
                })
                .Read("GetSchedules", "Audit")
                .Create("CreateSchedule", "Audit")
                .Destroy("DestroySchedule", "Audit")
                .Update("UpdateSchedule", "Audit")

            )
             .Editable(x => x.TemplateId("editor").Confirmation(Messages.DeleteConfirmation))
            .Events(e=>e.Edit("Scheduler_Edit"))
        )


Template

<script id="editor" type="text/x-kendo-template">
    <div class="row-fluid" style="width:660px;!important; padding:0 20px;">
            <div class="control-group margin_btm_20 clearfix ">
                <div class="span3">
    
      
                   
     <label>Audit Id: </label>
    <div class="input-controls">
     @(Html.Kendo().DropDownListFor(x=>x.AuditDetailId)
                                 .Name("AuditDetailId")
                                        .DataTextField("Selected")
                                  .DataValueField("Value")
                             .BindTo(Model.AssignedAuditIds)
                             .OptionLabel("Select")
                             .Events(e=>e.Change("onAuditDetailChange"))
                           .ToClientTemplate()
                                     )  </label>
                </div>
            </div>
    <div class="span4">
       <label>Start Time:  </label>
     <div class="input-controls">
        @*<input data-role="datetimepicker" name="start" class="span12"/>*@
    <input name="start" type="text" required  data-type="date" data-role="datetimepicker" data-bind="value: start,invisible: isAllDay" class="span12" />
    <input name="start" type="text" required  data-type="date" data-role="datepicker" data-bind="value: start,visible: isAllDay" class="span12" />  
     </div>
    </div>
    <div class="span4">
        <label>End Time: </label>
        <div class="input-controls">
            @*<input data-role="datetimepicker" name="end" class="span12"/>*@
     <input name="end" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: end ,invisible:isAllDay" class="span12" />    
    <input name="end" type="text" required data-type="date" data-role="datepicker" data-bind="value: end ,visible:isAllDay" class="span12" />
         </div>
    </div>
    <div class="span1">
        <label>All day</label>
     <div class="input-controls">
        @*<input type="checkbox" name="isAllDay" data-type="boolean" data-bind="checked:isAllDay">*@ 
    <input type="checkbox" name="isAllDay" data-type="boolean" data-bind="checked:isAllDay">
    </div>
    </div>          
    </div>  
    <div id="uxSelectedAuditDetails" class="pad10-0 " >  </div>         
   <div class="control-group margin_btm_20 clearfix ">
     <div class="span12">
        <label>Note:</label>
    <div class="input-controls">
        <textarea  name="description" data-bind="value:description" class="span12"></textarea>
    </div>
    </div>
    </div>

    </div>
    </div>  
    
</script>

I am testing kendo grid with IE 11 and stumbling on a bug. Basically the grid click acts differently in various version of kendo library. In the latest version ( 2013.2.918) grid click is triggered twice and  Grid click does not work all the way back until version 2012.3.1114. Here is the plunker link. http://plnkr.co/edit/MgkSCf2vqBfYehtGvKUx?p=preview

I would be happy if I can get a patch for version 2012.3.1315 which are in our production servers ( or atleast direct me on how to patch it )

Thanks
 Sush

If this is my template defined in my script
...is there a way that the "data-template" for that URL could also live in the script instead of in the page??

Once we updated to latest release our endless scrolling list
views stopped working. We can see the datasource has the correct data but no
items are rendered in the list itself except for the loading element.

We managed to find that
it is all because of the “endlessScroll : true” option – if we comment it we see all
the data rendered. Code:

 

       var dsOpts = {

                     pageSize
: FDData.connection.pageSize,

                     serverPaging
: true,

                     transport
: {

                           read
: {

                                  url
: hostPrefix + "getTrans",

                                  dataType
: "json"

                           },

                           parameterMap
: function(options)

                           {

                                  var parameters = {

                                         session
: FDData.connection.sessionID,

                                         selector
: FDData.mainWalletID,

                                         pageSize
: FDData.connection.pageSize,

                                         nextToken :
FDData.connection.transNextToken,

                                         sortBy
: FDData.connection.sortBy

                                  };

 

                                  return parameters;

                           }

                     },

                     schema
: {

                           data
: function(response)

                           {

                                  if (!response.success)

                                  {

                                         showError("error: " +
response.errorMessage);

                                         return [];

                                  }

                                  FDData.connection.transNextToken
= response.nextToken;

 

                                  console.log("showWallet
connection : " + FDData.connection);

                                  return
response.transactions;

                           }

                     },

                     change
: function(e)

                     {

                            console.log("wallet data
update : ");

                           console.log(e);

                                 

                          

                           for ( var i = 0; i <
e.items.length; i++)

                           {

                                  var t = e.items[i];

                                  if
(FDData.connection.sortBy === "TransValueDate")

                                  {

                                         t.SortByDate
= t.TransValueDate;

                                  }

                                  else

                                  {

                                         t.SortByDate
= t.TransDate;

                                  }

                                  t.CategoryDescription
= getCategoryDesc(t.Category);

                                  FDData.walletData.push(t);

                           }

                     }

              };
//
dsOpts

 

              FDData.walletData
= [];

              FDData.walletDS
= new
kendo.data.DataSource(dsOpts);

 

              $("#wallet-container").kendoMobileListView({

                     dataSource
: FDData.walletDS,

                     template
: $("#tranTemplate").text(),

                     endlessScroll
: true,

                     scrollTreshold
: 30 //treshold
in pixels

              });

An image with some console readings is attached to show some more details.


If we go back to last quarter's sources - everything works just fine. 

Hello,

currently i am building an inbox with your listview control. i am trying to select multiple items in the view and manipulate them on a page refresh. (delete for example)
i experimented with a buttongroup in the listview item but i'm unable to get the current item when the button group is selected to fire the delete function

can you suggest some best practice to select multiple items in the listview and manipulate the items ?

i attached a screenshot to clarify what i mean

best regards

I am looking for some examples to limit to set the calendar on the scheduler to a certain month.

For example: I want the user to only go back till March, 2013 and not before that.
Also, Is there a way to restrict him to only view and not edit the events?

I am planning to use only the month view

There seems to be bug on Grid when using custom command. I am looking into the following example:
http://demos.kendoui.com/web/grid/custom-command.html 

But, when I specify the text for the command button ("Details") to "New Task", it won't work.
Further digging shows me that the text can't contain space. The text is somehow appended to class attribute of that element, causing jquery selector not working on that element.

Hello,
I'm trying to cut down on my JS files and use only the Kendo elements I need, but I'm running into some errors. 

This works fine:
However this does not:
When running my code with the second code block, I get the error: Uncaught TypeError: Cannot read property 'jQuery' of undefined, which is caused by the variable 'window.kendo.jquery' not being set. 

Is there something else that I need to include with the individual components to get them to work? I can use kendo.web.min.js as a workaround for the time being, but I'd like to only use the components individually if possible.

Thanks!
Ryan

I try to change the theme dynamically.

I change the kendo.dataviz.(theme).min.css in the page
then I call this

The gauge redraw  but the color of the pin and text graduation do not change.

Any suggestion?