Telerik Forums
Kendo UI for jQuery Forum
1 answer
203 views

Hi,

I am using upload control as below: 

 <input type="file"
                                       kendo-upload
                                       k-async="{ saveUrl: "/api/upload/",autoUpload: true }"
                                       k-success="onImportSuccess" />

On onImportSuccess function, I need to access to $scope for doing something after uploaded. How can I do that?

  onImportSuccess = function(e) { 
            console.log($scope); // --> show scope is undefined 
        }

Thanks.

Veselin Tsvetanov
Telerik team
 answered on 28 Feb 2017
3 answers
643 views

How can i speed up a autoFitColumn() on multi-headers grid?

In the screenshot you can see that each column fitting make Recalculate Styles. Is it possible to cache width of the fitted column without firing up CSS and then after all columns width are calculated use grid.setOptions() to set columns width with new fitted width?

Also i need to use dirty hack:   hideColumn();showColumn() becouse footer isn't fitted to columns.

Table.prototype.fitColumns = function(){
    var self = this;
    var count = 0;
    var col;
    var selected = this.grid.select().data('uid');
    for (var i = 0; i < this.grid.columns.length; i++) {
        var multi = this.grid.columns[i].columns;
        if (multi){
            _.forEach(multi, function(el, j){
                if (el.columns){
                    _.forEach(el.columns, function(el2, k){
                        col = multi[j].columns[k];
                        if (!col.attributes || (col.attributes && !col.attributes.noFit)) self.grid.autoFitColumn(col);
                    });
                }
                else {
                    col = multi[j];
                    if (!col.attributes || (col.attributes && !col.attributes.noFit)) self.grid.autoFitColumn(col);
                }
            });
        } else {
            col = self.grid.columns[i];
            if (!col.attributes || (col.attributes && !col.attributes.noFit)) self.grid.autoFitColumn(col);
        }
    }
    this.grid.refresh();
    this.fitted = true;
    if (selected) this.grid.select("tr[data-uid='" + selected + "']");
    this.grid.hideColumn(1);
    this.grid.showColumn(1);
};
Viktor Tachev
Telerik team
 answered on 28 Feb 2017
1 answer
141 views

We have a page that will be passed in a User's Id to it, and it will have one DropDownList reflecting the User's role, while also allowing them to change their role.

We are looking at leveraging the "change" event for a kendoDropDownList. And inside that event, making a $.ajax call.

We know we can work our way to getting this approach to work, but we were wondering if there was a more straight-forward or recommended approach to take.

For example, should or could we define an "update" action inside the dataSource.transport definition for the dropdownlist, that would somehow be triggered?

 

Another perspective, is that we have lots of Grids that have dataSource.transport.update definitions, and they are processed with a clean controller method that is passed a DataSourceRequest and an instance of a data object that is being updated.  Can we do something similar with a DropDownList?

Veselin Tsvetanov
Telerik team
 answered on 28 Feb 2017
4 answers
425 views

I've created a small Dojo based on Telerik example of Scheduler localization http://dojo.telerik.com/INace

It looks like everything is working except language ru-RU.

How do I fix it?

 

 

Nikolay
Telerik team
 answered on 28 Feb 2017
3 answers
290 views

The entire page, including the non-window content, is selected when a modal window is open and the browser select all (Ctrl-A) is performed.

Q: Is there a way to have Ctrl-A select only the modal content ?

Sample is in the Dojo: http://dojo.telerik.com/uzeCA/3

Thanks,

Richard

Ivan Danchev
Telerik team
 answered on 28 Feb 2017
6 answers
827 views
Hi,

We are using kendo grid and in one of the row cells, we have a hyperlink. We want to expand the row on click of this hyperlink and display detailTemplate (i.e. child band of the row). Can you please let us know how shall we go about it.

Also in the grid, in the extreme left we have the arrow for expanding and collapsing the detail row. Is it possible to show a different Detail row template (aka child band) if the user expands by clicking this arrow icons and show a different detail template when user clicks the cell's hyperlink.

Can you please let us know how shall we go about it. I've been looking for a solution on kendo forums etc, but no luck so far.

If you need more information, please let us know.

Thanks!
Alex Hajigeorgieva
Telerik team
 answered on 28 Feb 2017
1 answer
582 views

Hi,

I am Using grid control from Telerik UI For asp.net MVC, Grid works fine in loading the data, but the problem come when we try to edit or create a new record with in  the  grid. When I try to edit the grid Drop down columns as shown as a text box with ID values.

There are couple more problems 
1. Filter is not working as expected.
2. Filter is not populating data and not able to select the items from dropdown list.
3. add new and click on update button the controller is not getting value that were submitted.
4. on editing and saving a record the action method is  not fired.

Please fin the attached file for more info.
please help with above issues.








Viktor Tachev
Telerik team
 answered on 28 Feb 2017
6 answers
355 views

Hello Kendo Team, I was reviewing the timeline view in http://demos.telerik.com/kendo-ui/scheduler/timeline

But seems like this example shows, same "Attendees" in every group, My requirement is to have different "Attendees" in different group.

How can I do this?

In the attached image you can clearly see that, "Attendees" are different and instead of time I am showing dates in top header.

 

 

 

 

 

Julian
Top achievements
Rank 1
 answered on 28 Feb 2017
3 answers
269 views

Hello,

I am using line chart markers. As I see the built-in types are square,triangle and circle. I need a rectangular as marker, therefore I would need to change the height or the width of the element or draw a rectangular myself and put it as a marker. I only found an option to change the overall size of the square, which didn'tsolve my problem. 

Is there any possibility to achieve this?

 

Daniel
Telerik team
 answered on 28 Feb 2017
1 answer
232 views

Hi Team,
I am creating tabstrip dynamically  
Table schema
menuOrder  Tabtext         URL
1          Dimension      Home/Dimension 
2          Engine         Car/Engine 
3          Chassis        Bike/Chassis 
4          Role           Employee/Role
5          Permission      secuirty/Permission

When  i can click the tabs it is getting refreshed only for the first time.
Even if the data changes  when i clcik the tab it is still showing the  new data
(Ex  Dimension tab as got new record inserted but the new record is nto been showing )
I am doing the  ajax call only want the particluar tab which is clciked to be refreshed i am using the partialview where it will render the view here i am calling 
only first time the tab which is clicked  the action method of MVC is triggered second time clciked it does not get the hit itself. I have kept the debugger to see this.


Home controller
     

//[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]
[OutputCache(Duration = 0, Location = OutputCacheLocation.Client, VaryByParam = "none", NoStore = true)]
       [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
       public ActionResult Dimension()
       {
           return PartialView();
 
       }

 

Car controller
        //[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]
//[OutputCache(Duration = 0, Location = OutputCacheLocation.Client, VaryByParam = "none", NoStore = true)]
        [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
        public ActionResult Engine()
        {
            return PartialView();
 
        }


I have tired all these things but still tab contents are not refreshed when clciked
What am i missinh here? is there anything that needs to be added here in tabstrip widget
i have 6 hours i do not see any forum where i can get the answer 

 

<!DOCTYPE html>
<html>
<head>
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
 
</head>
<body>
<div id="example">
    <div class="demo-section k-content">
        <div id="tabstrip"></div>
    </div>
    <script>
    $(document).ready(function myfunction() {
        $("#tabstrip").kendoTabStrip({
            tabPosition: "left",
            dataTextField: "Tabtext",
            dataContentUrlField: "Url",
            dataValueField: "menuOrder",
          dataBound: function(e) {
            e.sender.select(2);
            }
        });
         
      var serviceRoot = "http://localhost:58030/Config/api/NavigationFeature";
      var dataSource = new kendo.data.DataSource({
            transport:{
                read: {
                    url: serviceRoot + "/Employees?EmployeeId=2",
                    dataType: "jsonp"
                }
            }
        });
 
        var tabStrip = $("#tabstrip").data("kendoTabStrip");
        tabStrip.setDataSource(dataSource);
    });
    </script>
</div>
 
</body>
</html>

 

 

Thank You 


Veselin Tsvetanov
Telerik team
 answered on 27 Feb 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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
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
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?