Telerik Forums
Kendo UI for jQuery Forum
5 answers
849 views

I'm using Kendo UI ASP.NET.  I have a grid control that has 3 columns; 2 dropdowns and a delete button via command.Destroy().  When I tab through the grid, it does the following tab order:

1) For each row:

    a) Column 1

    b) Column 2

    c) Column 3

That's all good.  After that, though, it goes back to and focuses on row 1, column 3, the actual "Delete" button embedded in the column.  If you continue tabbing, it goes through all of the rows at this point on the Delete button.  After all of that, it leaves the grid.

So, to rephrase, it tabs through all 3 columns through the entire table, row by row.  After that, instead of leaving the table, it goes back up to row 1, the delete button, then row 2, the delete button, then row 3, the delete button, ..., the last row, the delete button, then it leaves the grid.

I don't want it to be going through the delete buttons row by row.  Any ideas on what I can try?

 

Alex Hajigeorgieva
Telerik team
 answered on 11 May 2017
2 answers
134 views

I have a context menu attached to a kendo ui treeview.

When selecting a node in the treeview i trigger a $state.go and after this the context menu stops working.

Emir Prcic
Top achievements
Rank 1
 answered on 11 May 2017
1 answer
420 views

Setting a cell value seems to be very slow when the sheet contains several formulars.

I this the optimal code to set a cell value :

var rr = range._sheet.range(row, column);
rr.value(value);

Is there any setting that disable automatic calculation "manual calculation" ? Could offer a better performance by

1. disable automatic calculation

2. set all cell values

3. activate automatic calculation.

 

 

Nencho
Telerik team
 answered on 11 May 2017
5 answers
329 views
Hi Guys,

I have just tripped over an issue whereby an invalid leap year day value is being automatically changed when the control losses focus.

To illustrate the problem I have created the following

        http://dojo.telerik.com/ePIQE
        
If you run this dojo and enter 29/02/2001 then tab to second control the value is changed to 29/02/2020.

The same effect is not seen when entering 30/02/2001 and then tabbing away so it would appear to be related to the 29 Feb.

I have looked through the documentation and the forums for any information relating to this issue but have so far drawn a blank.

Therefore I would be most grateful if someone could take a look and advise.

Thanks
Alan


Stefan
Telerik team
 answered on 11 May 2017
4 answers
359 views

In the new release of kendo ui professional, content inside a window is overflowing ever so slightly. The printscreens attached show the exact same code I've written, with R1 2017 Kendo UI and with R2 2017 Kendo UI and you can see that the content is overflowed, even though the div.k-window-content height property is set to 100%. If I manually remove the padding .58em property this is fixed.

Thanks

Marc

Marc
Top achievements
Rank 1
 answered on 11 May 2017
3 answers
670 views

Hello,

I created a small module with a upload kendo input.

This input has a template.

When I uploading a file by clicking on the kendo load button, the file is loaded and the kendo upload shows everything in my template.

But how can I initialize the model without clicking on the kendo loading button?

I get a src in byte64 from my database and set it in the template variable, but the template is not show. With the function "FillViewModelFromResponse".
When i set this byte64 from the function "onSelect" of my model view, the template is show

HTML:

01.<input name="logo" id="a-gst-logo" type="file"
02.accept=".jpg,.png"
03.data-role="upload"
04.data-async="false"
05.data-multiple="false"
06.data-template="template"
07.data-bind="events: {select: onSelect}" />
08. 
09.<script id="template" type="text/x-kendo-template">
10.    <div id="divTemplate" class='file-wrapper'>
11.        <button type='button' class='k-upload-action'></button>
12.        <img id="imageLogo" data-bind="attr: {src: logoSrc}"/>
13.        <h4 class='file-heading file-name-heading' data-bind="text: logoNome"></h4>
14.    </div>
15.</script>

 

JS:

01.$(document).ready(function () {
02.    vm = kendo.observable({
03.        logo: null,
04.        logoNome: null,
05.        logoSrc: null,
06.        onSelect: function(e){
07.            if(!Utils.isNullOrUndefined(e.files)){
08.                for (var i = 0; i < e.files.length; i++) {
09.                    var file = e.files[i].rawFile;
10.                    var name = e.files[i].name;
11.                    vm.set("nomeImmagine", name);
12.                    if (file) {
13.                        var reader = new FileReader();
14.                        reader.onloadend = function() {
15.                            vm.set("logo", this.result.substring(this.result.search("base64,")+7));
16.                            vm.set("logoSrc", this.result);
17.                            vm.set("logoNome", vm.nomeImmagine);
18.                            A_Gst.KendoBind("divTemplateLogo");
19.                        };
20.                        reader.readAsDataURL(file);
21.                    }
22.                }
23.            }
24.        },
25.        FillViewModelFromResponse: function(data){
26.            vm.set("logo", data.gst.logoBase64);
27.            vm.set("logoNome", data.gst.logoNome);
28.             
29.        }
30.    });
31.     
32.    KendoUtils.bind(idForm, vm);
33.});

 

    Ps. I cleaned the code, but some wrong code maybe remaining

Tsvetina
Telerik team
 answered on 10 May 2017
1 answer
1.1K+ views

I have applied a class HTML attribute to the final column in a Grid a

@(Html.Kendo().Grid<myModel>()
    .Columns(columns =>
    {
        columns.Bound(entity => entity.SurrogateKey).Hidden();
        columns.Bound(entity => entity.column1);
        columns.Bound(entity => entity.column2);
        columns.Command(command => command.Destroy())
            .HtmlAttributes(new { @class = "finalColumn" })
            ;
    })

When a new row is added using addRow(), the new row's column doesn't have the "finalColumn" class attached to it (it just has the dirty cell class).  Is this expected behavior?  If so, do you have any suggestions on how I should handle this so the new row's final column has the "finalColumn" class?

Thanks,

Richard

Georgi
Telerik team
 answered on 10 May 2017
2 answers
79 views

I slightly modified following example: http://www.telerik.com/kendo-angular-ui/components/grid/excel-export/#toc-exporting-specific-data

I just added "sum" aggregate to "ProductID" field. It works fine in the grid. But when I try to save the grid as an excel file, I loose  that aggregate. Though the excel file contains grouped data.

Here is a plunker to reproduce: http://plnkr.co/edit/ej4yEj2wZO0RoHXlzqGF?p=preview

Could someone help me to fix that plunker, please?

 

Graham
Top achievements
Rank 1
 answered on 10 May 2017
4 answers
704 views

Hi. there is a bug in last release 2017.2.504, where was fixed weekNumber for DatePeacker.

If en-US culture/messages are included (maybe not only en-US, didn't check all of them)- error happens and modal doesn't appear https://www.screencast.com/t/whv1Kup3itFO

example: http://dojo.telerik.com/Ovequ

 

Taras
Top achievements
Rank 2
 answered on 10 May 2017
1 answer
1.0K+ views

Hello i have a little problem with the kendo upload.

I want send one file to my spring controller but i can't with the kendo ui.

 

I have a simple form:

<form>
    <ul>
        <li>
            <input data-role="maskedtextbox" data-bind="value: testoHome" id="testohome" name="testo home" />
            <input id="upload" name="upload" type="file" />
        </li>
        <li>
            <button id="next" class="k-button k-primary" onclick="Form.sendData()">Next</button>
        </li>
    </ul>
</form>

 

with a simple js:

var Form = {
    vm: null,
    sendData: function(){      
        data = new FormData();
        data.append("file", $('#a-can-uploadrl')[0].files[0]);
        data.append("testo", Form.vm.get("testoHome"));
         
        $.ajax({
            url: myURL,
            data: data,
            contentType: false,
            processData: false,
            enctype: 'multipart/form-data',
            type: 'POST',
            success:
                function(data){
                   alert(data);
                }
       });     
    },
    InitKendoBind: function(){
        this.vm = kendo.observable({
            testoHome: null
        });
        kendo.bind($("#formId")[0], vm);
    },
    Init: function() {
        $("#formId").submit(function(event) {
            event.preventDefault();
        });
         
        $("upload").kendoUpload();
         
        this.InitKendoBind();
    },
}
 
$(document).ready(function() {
    Form.Init();
});

 

 

but if i use the kendo upload with

$("upload").kendoUpload()

 

the 

$('#a-can-uploadrl')[0].files[0]

 

is undefined.

If i not use the kendo upload i take the file with this code

$('#a-can-uploadrl')[0].files[0]

 

and i can pass the file to my controller.

 

How i can take the file for pass all the data (file with name, size, etc. + others input strings from my form) using the kendo upload?

(without the async uploading)

 

this is my java controller:

@RequestMapping(value="myURL", method=RequestMethod.POST)
public static Long myURL(HttpServletRequest request,
        @RequestParam("file") MultipartFile file
        @RequestParam("testo") String cantiereString
        ) throws FileUploadException, IOException {
     
    /* some code */
     
    return 1;
}
Ianko
Telerik team
 answered on 10 May 2017
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?