Telerik Forums
Kendo UI for jQuery Forum
3 answers
453 views

HI,

 

1. How to download file in XLSX format directly without saving on local path or server without UI  using radspread processing ?

2. How to download file in XLSX format directly without saving on local path or server with UI  using radspread processing ?

 

Please provide complete demo or documentation on this because I am using console application .

Tanya
Telerik team
 answered on 19 Sep 2017
1 answer
360 views

I have two list boxes that are connected, the left one lists available items and the second for selected items. The number of selected items is limited to 5.  Is there a way to turn of the transferTo tool button and disable new drops in the second list box ?  The second box needs to remain 'active' for the user to reordering the items in their priority sequence.

I have been able to disable the transfer to button in the toolbar, in the second listbox add handler, when a new add is occurring and the listbox currently has 4 items.

Thanks,

Richard

Stefan
Telerik team
 answered on 19 Sep 2017
1 answer
113 views

I have a grid with 2 columns. Rep and commission. I need to ensure commission is never > 100%, so once it reaches 100% i want to disable the add button in the toolbar.

I know how to get aggregates, but how would i access this when the user edits?

Stefan
Telerik team
 answered on 19 Sep 2017
1 answer
131 views

Hi,

I have a grid with a bunch of locked columns. A swipe on the locked area of the grid does not activate vertical scrolling. On the non-locked area this works fine. Is there any workaround to accomplish the same behavior in the locked column area?

Kind regards,

Marco

Orlin
Telerik team
 answered on 19 Sep 2017
1 answer
210 views

Hello,

I have a KendoGrid with a detaiTemplate:

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

 

And the Temmplate:

<script type="text/x-kendo-template" id="template">
        <br>
        <div class="tabstrip">
            <ul>
                <li class="k-state-active">
                    Verteiler
                </li>
                <li>
                    Verteiler hinzufügen
                </li>
                <li>
                    Dokumente
                </li>
            </ul>

            <div>
                <h4>Verteiler</h4>
            </div>

            <div>
                <h4>Verteiler hinzufügen</h4>
            </div>

            <div>
                <!-- Upload -->

                <!-- Div mit der ID des Projektes, damit die Datei zugeordnet werden kann -->
                <div style="display:none;" id="id">#=id#</div>

                Neu hochladen: <input name="files" id="files" type="file" />
                <hr> Vorhandene Elemente:

                <div id="alreadyDocs"><b>noch keine Elemente vorhanden</b>
                </div>

            </div>

        </div>
        <br>
    </script>

 

 

with the following Javascript:

function detailInit(e) {
            var detailRow = e.detailRow;

            detailRow.find(".tabstrip").kendoTabStrip({
                animation: {
                    open: {
                        effects: "fadeIn"
                    }
                }
            });

            //Die Id des Projektes ist in dem Template in dem div mit der id "id" gespeichert
            var id = detailRow.find("#id").html();

            /* Uploader Widget erstellen*/
            detailRow.find("#files").kendoUpload({
                async: {
                    saveUrl: "save.php?parentID=" + id,
                    autoUpload: true
                },
                success: onSuccess
            });
        }

 

In the Subgrid Tab "Dokumente" will be all Documents, which were already uploaded to the master-Line.

And I want, that after uploading (onSuccess), the Subgrid refreshes.

 

How to do that?

Stefan
Telerik team
 answered on 19 Sep 2017
1 answer
2.1K+ views

I have an autocomplete on a page, and I would like the autocomplete to re-query the data source every time it is used.  For example, if someone loads up the page and they use the autocomplete control, everything is good.  But, if the underlying data in the database changes after the page is loaded, and after this initial query, any new rows are not reflected in the autocomplete control.  The control appears to hold on to the data that it got from the first query and not go back to the data source.

If I refresh the page then it is ok, the new rows appear, but my users expect the autocomplete to always reflect that is in the database even if the data changes after the page is loaded and after the autocomplete control has queried the database already.

Does anyone know how this can be achieved?  I have tried various combinations of ServerFiltering and specifying the Action Type as "Post" (as suggested by various internet articles), without getting the desired results.

I believe my code is fairly normal, nothing unusual going on here I think (apart from the dodgy formatting):

@(Html.Kendo().AutoComplete()
.Name("newWorkOrderAutoComplete")
.DataTextField("WorksOrderNumber")
.MinLength(2)
.HtmlAttributes(new { style = "width: 250px" })
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetWorkOrderHeaders", "Kitting").Type(HttpVerbs.Post);
})
.ServerFiltering(false);
})
.IgnoreCase(true)
.Suggest(true)
.Animation(a =>
{
a.Open(open =>
{
open.Duration(300);
open.Zoom(ZoomDirection.In);
});
a.Close(close =>
{
close.Duration(300);
close.Zoom(ZoomDirection.Out);
});
})
)

 

Thanks in advance,

Peter

Nencho
Telerik team
 answered on 19 Sep 2017
5 answers
1.1K+ views
Is there a way to set the scale for the valueAxis?  For example, right now my y axis for a line chart is showing labels in intervals of 20 (up to the max 220), and its pretty crowded.  I'd like to be able to set the scale to be in increments of 50, so on the y axis I'd see 0,50,100,150, etc.
Stefan
Telerik team
 answered on 19 Sep 2017
7 answers
976 views

Hello,

 

I want to achieve a stacked bar chart and the values to start from 0, what I mean is when I have for example 1 Category with 2 Series Items, one with Data value 1 and another with Data value 3 the stacked chart looks like 1 and 3 in different colors but going to 4 on the X axis(value axis) so it is summing them..

What I want is to be stacked.. like bar going to 3 and then another going to 1 over it thus going to 3 on the value axis.

Here is an example.

 

Another question, how to achieve something like the picture I send.

It's a stacked bar chart with lets say 2 Categories but for all values on the Y axis..

 

Thank you!

Daniel
Telerik team
 answered on 19 Sep 2017
5 answers
197 views

So I have done my initial loading of the TreeList with datasource read. During that time I cache off the DataSourceTransportOptions passed into the read method

This tree shows fine initially but I am trying to then load a subtree with many nodes under a user selected node.  I download the partial subtree  of data and have the id's and parentId's set properly and use the cached DataSourceTransportOptions to call options.success(myCompleteList).  My expectation is that my data would be inserted into the correct location but it appears to screw up the id's and parentId's of the rendered data.

I have confirmed that the id's and parent id's of my data is correct just that the view is not.

Obviously, I am doing something wrong or perhaps it is a limitation that I cannot build up a tree a subtree at a time.

-Craig

 

Omar
Top achievements
Rank 1
 answered on 18 Sep 2017
1 answer
646 views

Dojo example: http://dojo.telerik.com/@RichardAD/AkuLUw/5

I am experiencing a strange template issue.

A kendoListView configured with a data source having 6 items (from an array) and a script based text/x-kendo-tmpl template.  The template has 3 'top level' sibling html tags like span and div.  The listview renders all six elements.  The first six rendered top level tags get a role=option and data-uid= corresponding to the six data source items.  This means the first two renders use all the data-uid and the remaining four get none.

 

java script array

var mappedtag_taglist =
    [ { "ID": 100, "Name": "Razor View" }
    , { "ID": 101, "Name": "JQuery"}
    , { "ID": 102, "Name": "MS Sql"}
    , { "ID": 103, "Name": "My Sql"}
    , { "ID": 104, "Name": "Ruby"}
    , { "ID": 105, "Name": "SQL"}
    ];

 

data source config

var   mappedtag_datasource = new kendo.data.DataSource({data:   mappedtag_taglist});

 

listview config

$("#mappedtag_listview").kendoListView({
    dataSource: mappedtag_datasource,
    template: kendo.template($("#mappedtagtemplate").html())
});

 

template as script

<script type="text/x-kendo-tmpl" id="mappedtagtemplate">
<span>1st template root level content</span>
<span>2nd template root level content</span>
<div>3rd template root level content
  <div class="tagitem k-block"> #:Name#</div>
  <span class="k-button item-close" data-id="#:ID#">
      <span class="k-icon k-i-close"></span>
  </div>
</script>

 

Is this expected behavior by the template compiler ?  I can't find any documentation, demos, examples or posts discussing this issue.

My preference would be to add my own data-uid="#=data.uid#" to some component in the script, and have the template in the script be utilized once per item.

Since my experience is that all items are rendered, it is just how the data-uid= gets added to the render is peculiar.

 

 

 

 

 

Tsvetina
Telerik team
 answered on 18 Sep 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
Licensing
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
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?