Telerik Forums
Kendo UI for jQuery Forum
1 answer
114 views

Hi, in the following code I am using a sample grid, setting the rowTemplate, altRowTemplate and detailInit properties.

I tested these code with 2016.3.914 in Dojo and the detail button of grid doesn't work. 

The versions in next list we show where code works and not.

 2018 R1 SP1    - 2018.1.221     DOESN'T WORK
 2016 R3 SP1    - 2016.3.1028   DOESN'T WORK
 2016 R3            - 2016.3.914     DOESN'T WORK
 2016 R2 SP2    - 2016.2.714     WORKS WELL
 2016 R2 SP1    - 2016.2.607     WORKS WELL
 2016 R2            - 2016.2.504     WORKS WELL

Currently I updated to 2016.3.914 version so the grid doesn't work.

Could are you tell me why does that occur?  and How could I solved this problem?

<div id="grid"></div>

  // 2018 R1 SP1    - 2018.1.221    DOES NOT WORK
  // 2016 R3 SP1    - 2016.3.1028   DOES NOT WORK
  // 2016 R3        - 2016.3.914    DOES NOT WORK
  // 2016 R2 SP2    - 2016.2.714    WORKS WELL
  // 2016 R2 SP1    - 2016.2.607    WORKS WELL
  // 2016 R2        - 2016.2.504    WORKS WELL
     
var parentObj = this,
rowTemplateString = '<tr class="k-master-row row" data-uid="#: uid #">' +
           '<td class="k-hierarchy-cell"> '+
             '<div class="baseBttn button-expand-schedules #:DeactivatedAll === "0/0" ? '+
          ' \"iconGreyBttn disabledBttn\" : \"iconYellowBttn\"#"><a class="k-icon k-plus" tabindex="-1"></a>'+
                                          '</div> </td>' +
           '<td>#: name #</td>' +
           '<td>#: DeactivatedAll #</td>' +
       '</tr>';
   
  var altRowTemplateString = rowTemplateString.replace('tr class="', 'tr class="k-alt ');
   
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "Deactivated"}
  ],
  rowTemplate: rowTemplateString,
  altRowTemplate: altRowTemplateString,
  dataSource: [
    {
      name: "Beverages",
      DeactivatedAll: "0/0",
      products: [
        { name: "Tea" },
        { name: "Coffee" }
      ]
    },
    {
      name: "Food",
      DeactivatedAll: "1/1",
      products: [
        { name: "Ham" },
        { name: "Bread" }
      ]
    }
  ],
  detailTemplate: 'Products: <div class="grid"></div>',
  detailInit: function(e) {
    e.detailRow.find(".grid").kendoGrid({
      dataSource: e.data.products
    });
  }
});


Thanks.

Viktor Tachev
Telerik team
 answered on 27 Apr 2018
1 answer
107 views

Hi,

 

I have a DateTime Picker, but when click, only shows time, not calendar for date show up.

 

This is the script:

 

$("#ItemAuctionDetail_dpScheduleTime").kendoDateTimePicker({ format: "yyyy/MM/dd HH:mm" });

 

The screenshot is attached.

 

Please help me to solve the problem.

 

 

Thanks,

Viktor Tachev
Telerik team
 answered on 27 Apr 2018
8 answers
642 views

Hello, I'm new to Telerik and I wanted to know how I could create a filter pop up with both multi check box filter with the default filter below it. After browsing some examples, I know we can customize a filter for a particular column

filterable: {
  ui: function(element){
    element.<kendo library>{}
  }
}

This only allows one filter mechanic, I was looking for functionality something similar to RadGridView for Silverlight like the image attached. 

 How could I customize my filter pop up to work with two filter mechanics?

 

Thanks,

C

Amreena
Top achievements
Rank 1
 answered on 27 Apr 2018
3 answers
210 views

Hi.
I use the Kendo UI Custom Download whenever I download a new version of the Kendo UI, or need to add a specific component to my custom kendo package.js

This normally happens once every 6 months or so, and it is always a pain because I never remember what components I need to check in the configurator before downloading. There are "hundreds" of checkboxes to tick, and I don't remember all features I selected the last time I downloaded my package.

Is there a way to store this setup on my userprofile, so I can restore this the next time (in 6 months when e.g a new version is available) I visit your webpage?

Team
Top achievements
Rank 1
 answered on 26 Apr 2018
2 answers
167 views

I'm finding that when I call .kendoWindow on $("#window"), the #window div is moved to the end of the body

<form>
    <div id="window">
        <input type="text" name="partOfMyForm" />
    </div>
</form>

 

But what if the contents of the window are inputs that belong to the form and need to be submitted with it? Is there a way to leave the window element inside the form element?

Ivan Danchev
Telerik team
 answered on 26 Apr 2018
1 answer
129 views

Hi,

 

I need help with my Kendo Editor. 

 

The tool bar is invisible and not functioning. Here is the script: 

 

  $("#ItemAuctionDetail_editItemDescription").kendoEditor({
            resizable: {
                content: true,
                toolbar: true
            }
        });

 

The screenshot of the page is attached.

 

Please help me to figure out.

 

 

thanks.

 

Ivan Danchev
Telerik team
 answered on 26 Apr 2018
4 answers
206 views

Aggregate function returns empty object after query

http://jsbin.com/lahaficupu/1/edit?html,output

Dimitar
Telerik team
 answered on 26 Apr 2018
3 answers
524 views

I have used kendo grid in angular typescript, I do want to have move pagination top of the grid. Can you please help to get this done?

Thanks in advance. 

Viktor Tachev
Telerik team
 answered on 26 Apr 2018
4 answers
405 views

Inline editing does not function at all within the constraints of batch editing and is creating significant problems for our development team.

 

To see this in effect: Add a new record to a grid with inline editing and batch editing set. Hit the update button for that record.

When hitting the Update button with inline editing setup, the saveRow method calls the dataSource sync method without regard to the batch setting. Note the console.log statements indicating the 

At the very least, this needs to be called out within the API documentation.

 

This behavior can be seen with the following (same example on both links, duped for backup):

http://dojo.telerik.com/@djones/EfOXi

https://jsfiddle.net/8szucmty/

 

Boyan Dimitrov
Telerik team
 answered on 26 Apr 2018
11 answers
1.4K+ views
Could any one help me how to delete muliple Rows in grid each having checkboxes and by clicking common delete button will delete the selected rows.Clicking on rows apart from checkbox  should not make look like as  selected /enabledor in different colour.
I am using only Kendo UI  web and Framework .. So  my code is like

MyTemplate:
$("#rfgGrid").kendoGrid(
{  
dataSource : DataSource,
editable : true, 
height : 260,
columns : [
{
field : "select",
title : "Select",
width : "16%",
template: "<input type='checkbox' class='checkbox' />"
},
{
field : "name",
title : "Name",
width : "35%"
}] 
});

My Java Script:

$('#rfgGrid input:checked.checkbox').each(function(){
 var dataItem1= grid.dataItem($(this).closest('tr'));
grid.dataSource.remove(dataItem1);
}

By this only one row is got deleted even if I select many in the check box..

could any one guide me or help me wit code on http://jsfiddle.net or http://jsbin.com..

Regards,
Winds


Viktor Tachev
Telerik team
 answered on 26 Apr 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?