Telerik Forums
Kendo UI for jQuery Forum
1 answer
280 views
Ive noticed that my Kendo grid does some kind of polling against the server, it looks like this and happens every 5 seconds. Where can I control/turn this off?

http://localhost:50456/5a3dbb1045da45e88a09debc50b20359/arterySignalR/poll?transport=longPolling&connectionToken=AQAAANCMnd8BFdERjHoAwE%2FCl%2BsBAAAAzVOHoG9HskaElCdveVM%2BkQAAAAACAAAAAAADZgAAwAAAABAAAADZt2LgJhM8QT13N%2F%2BQfR%2B7AAAAAASAAACgAAAAEAAAAA%2BrGvEsdlnr6SSC9ps4PjQoAAAAUhhG5AZL5iPFiAkuJM0arwbNvjLSmGrtXu4uNjEfxuQmkKlH0%2FV1DxQAAACum6YeM4xVaQaE9FaawENru3KAMQ%3D%3D&messageId=d-8C9AEF99-Ct%2C0%7CCu%2C4%7CCv%2C0&requestUrl=http%3A%2F%2Flocalhost%3A50436%2F&browserName=Firefox&tid=5&_=1390612684802
Atanas Korchev
Telerik team
 answered on 27 Jan 2014
1 answer
98 views
Hi,
Would you please update kendoui grid command to be generic opposed to be bound to a tag. That way we can have buttons or a tags used to respond to user actons.
As I see it you would only have to change code below from

if (editable.update !== false) {
    that.wrapper.on(CLICK + NS, "tbody>tr:not(.k-detail-row,.k-grouping-row):visible a.k-grid-edit", function(e) {
        e.preventDefault();
        that.editRow($(this).closest("tr"));
    });
}

to

if (editable.update !== false) {
    that.wrapper.on(CLICK + NS, "tbody>tr:not(.k-detail-row,.k-grouping-row):visible .k-grid-edit", function(e) {
        e.preventDefault();
        that.editRow($(this).closest("tr"));
    });
}

Thanks.
Alexander Popov
Telerik team
 answered on 27 Jan 2014
1 answer
2.9K+ views
Hi,

I was wondering what the difference between the Combo Box widget and the Drop Down List widget are.
At first glance they seem to both be the exact same thing.

Can someone explain what the difference between the two are? What  are their intended purposes?
And give an example on when I'd choose one over the other?

Thanks
Atanas Korchev
Telerik team
 answered on 27 Jan 2014
1 answer
85 views
Context:
1. virtual scrolling enabled in the grid
2. pagesize = 10

Steps to reproduce:
1. Call the removeRow 5 times
2. Now scroll to the bottom of the grid so new records are pulled in

Expected:
The row pages in the next set of records (rows 6-15)

Actual:
The browser crashes. I don't see an error logged in Chrome

Alexander Popov
Telerik team
 answered on 27 Jan 2014
1 answer
144 views
hello I'm looking for a simple mvc example of crud ( insert update delete )
example image :

 http://i.hizliresim.com/eQW5p3.png

and How can I add them to the ComboBox TextBox image? ( kendo css style )
or

this

kendo 
sample form
https://www.telerik.com/login.aspx?ReturnUrl=http%3a%2f%2fwww.telerik.com%2faccount%3f

thank you

Petur Subev
Telerik team
 answered on 27 Jan 2014
1 answer
141 views
We have a grid with a single row that allows the user to select an investment type by entering text in a Kendo AutoComplete control in the row. Once the options come back the user selects an option which then auto populates other columns in the grid and creates a new empty row for the user to use. 

We noticed that at about 15 rows the browser becomes sluggish and almost unusable. On closer inspection using Chrome's profiling tools we noticed that there are thousands of additional HTML elements being added to the DOM and never being removed. These additional elements belong to the AutoComplete kendo widget. 

After the user has selected a valid option, is there a way for us to clear the associated DIVS and ULs from the DOM? I only see a destroy method, which isn't what we're looking for and it doesn't seem to get rid of those additional elements anyway. 

ADDITIONAL INFORMATION JUST DISCOVERED
I'm in the process of uploading a video to screencast which shows how HTML elements are being appended to the document. The max number of rows allowed in this grid is 15, yet for each row added the AutoComplete seems to add more and more HTML to the bottom of the document.
AND, during or after each character is entered by the user into the AutoComplete widget Kendo seems to be updating attributes of each of those elements somehow (you'll see what I mean in the screencast video. It's as if it's running through each and every one of them, updating attributes as it goes). 
See the screencast here: http://screencast.com/t/QJ4McJm3eB

By the time we hit 15 rows this process is so slow that the browser becomes unusable. As I'm typing this update I flick back to Firebug every now and then and can see that it's still trying to update those elements. 

To give an idea of how many elements we're talking about, when the page loads there are: 
907 HTML elements
I added 15 rows but could never get to the point of seeing how many elements there were because the update process was so slow. So instead I'm adding the element count after adding each row:
Row 1 - 1280
Row 2 - 2323
Row 3 - 3875
Row 4 - 5934
Row 5 - 8501
Row 6 - 11576
Row 7 - 15159 
Row 8 - 19250
Row 9 - 23849
Row 10 - 28956
Row 11 - 34571
And so on...

NOTE: Each row added makes use of a template, as shown below, which means it's reusing a single dataSource. I'm not sure if that makes any difference to the troubleshooting process?: 
<script id="investment-fund-row-template" type="text/x-kendo-template">
    <tr>
        <td data-bind="text: BenchmarkCode"></td>
        <td><input data-role="autocomplete" data-min-length="3" data-value-primitive="true" value="#=BenchmarkName#" data-text-field="Name" data-placeholder="Search funds..." data-value-field="Gid" data-bind="source: benchmarksDataSouce, events: { select: onInvestmentSelect, dataBound: onInvestmentDataBound, change: onInvestmentChange }" /></td>
        <td class="text-right"><input class="editable" data-role="numerictextbox" data-format="\\#\\#\\#.00 \\%" data-bind="{value: Allocation, disabled: toggleAllocation}" data-min="0" data-max="100" /></td>
        <td class="text-right">#: get("Ytd") #</td>
        <td class="text-right">#: get("Year1") #</td>
        <td class="text-right">#: get("Year3") #</td>
        <td class="text-right">#: get("Year5") #</td>
    </tr>
</script>









Daniel
Telerik team
 answered on 27 Jan 2014
3 answers
631 views
Hi,

I'm having trouble adding a dynamic node in treeview using append.
I added html controls concatenated input text, but when I do the serialization to json using "toJSON" and move to the C # gives error.

How do I use editable template or template and regatando value of input along with the serialization of my treeview?

tried using "template:", but always shows "undefined"...

how do use?????

Ex:
treeview.append(
  {
           IdNo: objItem.IdNo,
           NomeNo: '<input type=\"text\" pattern=\"^[\+\-]{0,1}([ 0-9]+\.){0,1}[ 0-9]+$\" title=\"' + objItem.NomeNo + '\" maxlength=\"30\" class=\"input-medium\" id=\"txtMontante' + objItem.IdNo + '\" name=\"txtMt' + objItem.IdNo + '\" />'
  }, treeNodeText);
Kiril Nikolov
Telerik team
 answered on 27 Jan 2014
2 answers
149 views
We have forms that are rendered in 'read mode' which means the text for a field like First Name or Last Name is simply rendered inside a Span HTML element. When the user clicks Edit, we want the form to switch to 'edit mode' which means the Spans should be replaced with TextBoxes or whichever HTML element is most appropriate. 

Can Kendo help in the automation of this? Or is there another best practice approach? 

Regards,
Jacques
Jacques
Top achievements
Rank 2
 answered on 27 Jan 2014
2 answers
276 views
If possible, I'd like a tabstrip layout with a drawer that slides out from the left when you select one of the tabs.  Kind of have it working with something like the code below.   Before I go much further, is this possible with KendoUI?  I'm starting to see some apps do this (like Lowes Hardware app).  It's really nice.

<div data-role="layout" data-id="drawer-layout">
    <header data-role="header">
        <div data-role="navbar">
            <span data-role="view-title"></span>
        </div>
    </header>

    <div data-role="footer">
        <div data-role="tabstrip" data-selected-index="1" data-select="onSelect">
            <a data-icon="contacts">foo</a>
            <a data-icon="contacts">bar</a>
            <a data-icon="info">baz</a>
            <a data-icon="info">baz2</a>
            <a data-icon="info">baz4</a>
        </div>
    </div>    
</div>

<script>
  
   function onSelect(e) {
    
       if (e.item.index()==0)
       {
           $("#my-drawer").data("kendoMobileDrawer").show();
           e.preventDefault(); //prevent the tab selection
       }
   }
</script>
Gary
Top achievements
Rank 2
 answered on 27 Jan 2014
4 answers
216 views
Hi there

The customer is asking for date/time formats such as 01 Jun 2014 10:20

So I specify this in the view:

@(Html.Kendo().DateTimePickerFor(m => m.Baby.DateOfBirth).Format("dd MMM yyyy HH:mm").TimeFormat("HH:mm").HtmlAttributes(new { style = "width:170px"}).Max(DateTime.Now)))

and this in the model:

public DateTime? DateOfBirth { get; set; }

Now when I select a date and time from the datepicker I see the value: "09 Jan 2014 02:00" which seems fine, but when I tab off I get the error " The field Date of Birth must be a date."

Any idea why?
Glenn
Top achievements
Rank 1
 answered on 25 Jan 2014
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?