Telerik Forums
Kendo UI for jQuery Forum
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
128 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
206 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
968 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
195 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
640 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
1 answer
269 views

Is it possible to directly edit the formatting of the default Excel output from the Treelist widget? Currently I am using a datasource export function to create my Excel document, however I am unable to sort the list exactly the way it appears in the widget itself without iterating through the entire datasource to sort and format as needed.

Specifically, I need to have parent items bolded with a blank line above to show grouping. Child items are displayed under parents with no blank cells tabbing the document over.

Stefan
Telerik team
 answered on 15 Sep 2017
3 answers
491 views

Hi , I have model  with iterating items to show the list of items and I want to show tooltip for each item description. Please help me. 

below is the code snippet.

 

 </tr>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    <ul class="single">
                        <li>
                            @Html.ActionLink(item.Name, "LoadValue", "Category", new { item.BusinessId, ViewBag.Environment }, null)
                        </li>
                    </ul>
                </td>
            </tr>
        }

 

 

I am new to Kendo. and am confused how to bind the tooltip  for each item here.

Stefan
Telerik team
 answered on 15 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
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
ContextMenu
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
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?