I have ComboBox, with seted filter to "contins" and serverFiltering to true.
It is possible to clear previous filter (when user enter text into CB) ? because now user need to clear whole combo box to reset filter.

Hi,

I would like to handle saveChanges on grid myself as I want to send additional data to server. So far, this is what I have done:


My concern now is, after I save changes on the server, how to update the DataSource locally so that if reflects no changes and that all changes saved?

More or less, I want to call "sync()", but would that update the datasource locally?

Thanks

I have a Parent Kendo Grid with a Child Grid in DetailTemplate. There is a column called InternalCode in Parent Grid that I want the value in Edit Template (popupEditorTemplate) of Child Grid in Detail Template. How can I do it? What is the Syntax?

@(Html.Kendo().Grid<UserStandardCodeType>().Name("grid")
.DataSource(dataSource => dataSource.Ajax().Read(read => read.Action("GetUserStandardCodesTypes_Ajax", "UserStandardCode")))
.Columns(columns =>
  {
      columns.Bound(usct => usct.InternalCode);
      columns.Bound(usct => usct.PresentationName);
      columns.Bound(usct => usct.Description);
  })
.ClientDetailTemplateId("client-template")
)

<script id="client-template" type="text/x-kendo-template">
    @(Html.Kendo().Grid<UserStandardCode>().Name("grid_#=Id#") 
    .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("popupEditorTemplate"))
          .Columns(columns =>
          {
              columns.Bound(usc => usc.InternalCode);
              columns.Bound(usc => usc.PresentationName);
              columns.Bound(usc => usc.Description);
              columns.Bound(usc => usc.IsEnabled);
              columns.Command(commands =>
              {
                  commands.Edit(); 
                  commands.Destroy(); 
              }).Title("Commands").Width(200);
          })
          .DataSource(dataSource => dataSource.Ajax()
              .Read(read => read.Action("GetUserStandardCodes_Ajax", "UserStandardCode", new { CodeTypeId = "#=Id#" }))
              .PageSize(2)
              .Model(model =>
              {
                  model.Field(usc => usc.CodeTypeId); 
                  model.Id(usc => usc.Id); 
              })
              .Create(create => create.Action("CreateUserStandardCode_Ajax", "UserStandardCode"))
              .Update(update => update.Action("UserStandardCodes_Ajax", "UserStandardCode"))
              .Destroy(destroy => destroy.Action("UserStandardCodes_Ajax", "UserStandardCode"))
          )
          .Pageable()
          .ToolBar(toolbar => toolbar.Create()) 
          .ToClientTemplate()
          )
</script>

Thanks

Hi Guys!

Im trying out with great interest the newly released kendo version v2015.1.318 and in the feature of grid exporting to pdf i somehow cannot see the title appearing in the resulting pdf file. As a matter of fact i cant see the pdf title appearing anymore for charts exports either. 
Im wondering is this a bug or feature?

Cheers!

Preface: We are using Kendo in Angular.

We have placed a range slider inside of a grid's column header.  The problem is that with grouping on, the slider does not slide when using Firefox and Chrome.  It does however work as before in IE 11.  

We did this by using a header template as so:
'<div class="slider-min">' + minText + '</div>' +
'<div class="slider" kendo-range-slider id="range-slider-' + id + '" k-options="slider' + id + 'Options" k-on-change="updateRange(kendoEvent, ' + id + ')" k-on-slide="updateRange(kendoEvent, ' + id + ')">' +
'<input/>' +
'<input/>' +
'</div>' +
'<div class="slider-max">' + maxText + '</div>'

I think that the problem is that when grouping is enabled, the column headers get a drag event that prevents said event from bubbling down to the drag handle. This is true even if grouping for that column is set to false.

It would be nice if this behavior can be confirmed and if a fix can be made to not attach the drag listener when groupable is false for a column.

When I run ThemeBuilder on a page with Kendo controls, I get an empty panel (other than the title and close button at the top)

I tried it in Firefox and IE 11 also, same result.

Any ideas how to troubleshoot this?

Hello,

I am trying to use exporting kendo chart as a TypeScript class to expose export methods across my application but both getKendoChart() and exportImage() (as does exportPDF and exportSVG) don't seem to be exposed.

Below is the JS I am trying to use  


And below is the TypeScript file I am trying to create 


Am I missing anything?

Thanks
Venkata

Hi,

I am facing column re-sizing issues with Kendo Grid. While re-sizing the column, it is stretching too far.
You can have look at below example. Each column having some width.
http://dojo.telerik.com/eFEYI

can anyone help me?

When the structure is like:

- folder (treepage_id=1)
     - node 2 (treepage_id=2)
     - node 3 (treepage_id=3)

Selecting node 2 will trigger an update and is send as jsonp like:
treepage/update?callback=callback&treepage_id=1&text=node 2& etc..
The treepage_id has a value of 1 which should be 2

The question is: why isn't is sending with the correct treepage_id value of 2 ?

Same goes when selecting node 3:
treepage/update?callback=callback&treepage_id=1&text=node 3& etc..

When the 'folder' with treepage_id = 1 is updated it will send itself and the nodes 2 and 3 as items without issues and all the correct treepage_id's.



Schema looks like:
=====================
schema: {
model: {
id: "treepage_id",
fields: {
treepage_id: { editable: false },
user_id: { type: "string"},
text: { type: "string" },
parent_id: { type: "int" },
index: { type: "int" },
selected: { type: "boolean" },
expanded: { type: "boolean" },
spriteCssClass: { type: "string" }
},
hasChildren: "hasChildren"
}
}

transport:
===========

this.datasource = new kendo.data.HierarchicalDataSource({
autoSync: true,
batchmode: false,

transport:
{
read:
{
url: serviceRoot + "/treepage",
contentType: "application/json",
dataType: "jsonp", // "jsonp" is required for cross-domain requests will always use type get; use "json" for same-domain requests
jsonpCallback: "callback",
beforeSend: function() {
console.log("treemodel - beforesend - read");
}

},

update:
{
url: serviceRoot + "/treepage/update",
contentType: "application/json",
dataType: "jsonp",
jsonpCallback: "callback",
beforeSend: function() {
console.log("treemodel - beforesend - update");
}

},

create:
{
url: serviceRoot + "/treepage/create",
dataType: "jsonp",
contentType: "application/json",
jsonpCallback: "callback",
beforeSend: function() {
console.log("treemodel - beforesend - create");
}
},//)
//.done (function(data) { console.log("done create - data:, data") })

destroy:
{
url: serviceRoot + "/treepage/delete",
dataType: "jsonp",
contentType: "application/json",
jsonpCallback: "callback",
beforeSend: function() {
console.log("treemodel - beforesend - destroy");
}
}

How does one go about removing the outer container that houses a tab control. I don't want it but don't know the right CSS property to change?

By 'container', I mean the gray box with square corners like: http://demos.kendoui.com/web/tabstrip/api.html 

Also, I'm trying to remove the left, right and bottom border from a selected tab (the border around the content housed within tab)