Telerik Forums
Kendo UI for jQuery Forum
1 answer
1.0K+ views

Hello,
          I have ViewModel that has Array. "TicketVMList"   .

Code:

TicketviewModel= kendo.observable({         

TicketVMList:  @Html.Raw(Json.Encode(Model)),         

GetTicketNumber: function(e) {             

                debugger;             

            GetTicketNumberProcess(e);        

            },         

OnTicketTstCheck: function(e) {

                          debugger;

                       OnTicketTSTCheckProcess(e);

          }     });

 

Initially it bind using :

kendo.bind($("#TicketItemContainer"), TicketviewModel.TicketVMList);   //works well

 

but there is click event on which i am making ajax call and i send this TicketVMList and it load some values inside it and send in response. On success i have tried various ways to refresh UI with new response that i received  ( TicketItemContainer is Div that i am binding to )

success: function (result) {                 debugger;                 
                    //kendo.unbind($("#TicketItemContainer"));                 
                    //kendo.bind($("#TicketItemContainer"),result);                 
                kendo.unbind($("#TicketItemContainer"));                 
              TicketviewModel.TicketVMList = result;                 kendo.bind($("#TicketItemContainer"), TicketviewModel.TicketVMList); 
                //var vm2 = kendo.observable(result);                 
            //$.extend(TicketviewModel.TicketVMList, vm2);                 //kendo.bind($("#TicketItemContainer"), TicketviewModel.TicketVMList); 
                kendo.ui.progress($("#TicketItemContainer"), false);             
},

 

 

Even have tried commented but it work.

Dimitar
Telerik team
 answered on 14 Jun 2017
1 answer
182 views

We are using version 2017.2.504

And I am trying to set the text on the Clear button without success. The other buttons are getting the correct text. Below is the configuration used:

 

async: {                             

saveUrl: "save",                            

 removeUrl: "remove",                            

 clear: "clear",                             

autoUpload: false,                             

allowmultiple: true,                            

 batch: false                         },                         

template: kendo.template($("#fileTemplate").html()),                         

localization: {                             

select: $scope.translation.SelectFiles,                             

dropFilesHere: $scope.translation.DropFilesHere,                             

headerStatusUploading: $scope.translation.Uploading,                             

headerStatusUploaded: $scope.translation.Done,                             

remove: $scope.translation.Delete,                             

clear: $scope.translation.Delete,                             

uploadSelectedFiles: $scope.translation.UploadFiles                         

},

Emir Prcic
Top achievements
Rank 1
 answered on 14 Jun 2017
6 answers
3.4K+ views
Hello,

I have downloaded for learning kendoUI not to use it for real as long as I am not sure it suits my need and my understanding, but I don't have full time so 30 days is very short, I don't want to invest my time if I have to stop.

So what happens after 30 days ? Will I be able at least to play with the js part library (though not with the visual studio mvc part) ?
Dimo
Telerik team
 answered on 14 Jun 2017
1 answer
103 views

Hello,

we have a SharePoint solution and use kendo, but do not load kendo with requirejs. A customer has second solution installed, which uses requirejs to load his modules. Kendo now recognises that there is requirejs registered in the site and doesnt put the modules in the global namespace. 

Is there a way to disable the loading through requirejs for the kendo modules or a workaround to handle such a scenario?

 

Thanks in advance!

Michael

Boyan Dimitrov
Telerik team
 answered on 14 Jun 2017
6 answers
113 views

I am trying to get the listbox control into my existing application. I dropped the basic example into my page and the layout is not good. See attached screenshot.  I'm not sure what I can change without breaking something else. I am using bootstrap.

 

Markup and CSS is directly from the example, only difference is I'm instantiating the listbox in a javascript file.

 

 

Mike
Top achievements
Rank 1
 answered on 13 Jun 2017
3 answers
305 views

Hi there,

i have a custom button in the command cell of my grid and bind a custom icon to this button, like in this example.

dataBound: function (e) {
e.sender.tbody.find('.k-button.ownIcon').each(function (idx, element)
{
$(element).find('span').addClass('k-icon k-i-delete');
});
}

After clicking the cancel Button with "inline" editing the custom icon dissapears. I tried to add the icon a second time when the cancel event is fired, but at this time my custom button is not initialized. Is there any event after this, that i can reach to redraw the icon? 

Daniel
Top achievements
Rank 1
 answered on 13 Jun 2017
3 answers
258 views

We have 4 record tracking columns UserID & Date, One set for create and one set for last modified. We initially have them all hidden in our grid. When using the grid context menu you cannot tell one set from the other because it only shows the group title in the menu. I could probably live with that, but if you unhide only one of the 2 in the group. You do not get the grouping title and there cannot tell which one it is. Below is the grid code for the 4 columns described.

//CREATED COLUMNS
columns.Group(groupCR => groupCR
.Title("Created").HeaderHtmlAttributes(new { @style = "text-align:center;" }).Hidden(true)
.Columns(CRgrp =>
{
    CRgrp.Bound(p => p.CREATE_USERID).Width(100).Title("User").Width(80).ClientTemplate("<a onMouseOver=\"showName(this, '#=CREATE_USERID#')\">#=CREATE_USERID#</a>");
    CRgrp.Bound(p => p.CREATE_DT).Format("{0:d}").Title("Date").Width(80);
})
);
//MODIFIED COLUMNS
columns.Group(groupMD => groupMD
.Title("Modified").HeaderHtmlAttributes(new { @style = "text-align:center;" })
.Columns(MDgrp =>
{
    MDgrp.Bound(p => p.MODIFIED_USERID).Width(100).Title("User").Width(80).ClientTemplate("<a onMouseOver=\"showName(this, '#=MODIFIED_USERID#')\">#= MODIFIED_USERID != null ? MODIFIED_USERID : '' #</a>");
    MDgrp.Bound(p => p.MODIFIED_DT).Format("{0:d}").Title("Date").Width(80);
})

);

 

Any help would be appreciated.

 

 

 

Viktor Tachev
Telerik team
 answered on 13 Jun 2017
22 answers
2.3K+ views
Hi,

I have a grid that has "popup" editing.  The problem is that if I click Cancel in the popup dialog, the record being edited is deleted.  Here's a jsfiddle showing what I am talking about:

http://jsfiddle.net/KGsSL/16/

To replicate: click the Edit button on any row, then click Cancel in the Edit dialog.  The result is that the row you're editing is deleted.

I pretty much followed the example at http://demos.kendoui.com/web/grid/editing-popup.html with the exception of using local data.  That demo link also [currently] uses the same exact verson of KendoUI I'm using, but it doesn't exhibit the same problem.

Please help.

Thanks.
Alex Hajigeorgieva
Telerik team
 answered on 13 Jun 2017
4 answers
530 views

 

From what I understand a change in how IE and Edge works is causing new and unwanted behavior with the gid filters in Kendo UI. The filter control text fields now have drop-down suggestion text like 1.00, 2.00, 45.00 (even if it is a date filter).

 

Replication

  1. Open Edge (or IE if it is later version).
  2. Go to the Demo site: http://demos.telerik.com/kendo-ui/grid/remote-data-binding
  3. Click on the grid filter button/icon. (use: Order Date or Ship/City Name)
  4. Click into the text value field.
  5. Before you type anything note that an unwanted dropdown shows up.

Cause

From what I can understand IE and Edge now assume all <input ...>'s are autocompleate="on" even when they have no autocomplete attribute. This does not happen in Chrome. Using the debugger to manually add the autocomplete ="off" in Edge fixes it. However (code side) there is no easy way to add attributes using only CSS.

I have attached a screenshot showing what is happening on the Telerik Demo site.

 

Grahame
Top achievements
Rank 2
 answered on 12 Jun 2017
2 answers
114 views

Using current kendo demo page at:

http://demos.telerik.com/kendo-ui/grid/local-data-binding

...and using Bootstrap v3 theme:  see the attached picture where the top-right corner of the grid is missing the background-color.

Curt Rabon
Top achievements
Rank 1
Veteran
 answered on 12 Jun 2017
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?