Telerik Forums
Kendo UI for jQuery Forum
7 answers
1.0K+ views
After my DS rebinds the combo boxes I need to add a couple items at index 0 on the combos.

...so now I'm pretty sure I could just jQuery them in there...is that the proper way??

**EDIT** I'm sorry, this should be in the DropDownList area!...same question though :)

Steve
Nicklas
Top achievements
Rank 1
 answered on 09 Sep 2013
2 answers
171 views
Hello,

I've developed a web application that has data stored on a remote SQL*Server database. I now want to create a mobile iOS app (native feel, but using Kendo) that will allow:
1. For the user to 'log-in' and be authenticated using a username/password stored in the SQL*Server app
2. Whilst connected to the internet/SQL*Server, download a list of data elements from the database from about 5 tables. This could be down by using a 'Refresh' or 'Update' button
3. Disconnect from the database (i.e. I can't assume that access to the database it possible) and then use the data from the database that is now locally stored. This data need to be available should the user close the apps and restart it
4. Execute a sequence of updates using the app and then post certain updates back to the database once the internet connection is re-established.    

Is the above functionality possible with Kendo?

Thanks,
Nick
Dean
Top achievements
Rank 1
 answered on 08 Sep 2013
0 answers
90 views
Hello,

I am working through the dojo tutorial using asp.net MVC.  I am able to see the kendo.web.min.js file, but it still doesn't properly create the autocomplete control.  Could you look at my code and see what I am doing wrong?  Thanks!

Master Layout.cshtml page:

<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Styles/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Styles/kendo.silver.min.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/kendo.web.min.js")" type="text/javascript"></script>
</head>
<body>
    <div>
        @RenderBody()
    </div>
    <script src="@Url.Content("~/Scripts/Custom.js")" type="text/javascript"></script>
</body>
</html>
Custom.js file (where I call the auto complete wiget:

$(document).ready(function () {
    $(function () {
        $("countriesAutoComplete").kendoAutoComplete();
    });
});

.cshtml page that tries to use the autocomplete widget:

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
 
<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
       <p>
           Country: <input id="countriesAutoComplete" class="k-input" />
       </p>
    </div>
    <script type="text/javascript" src="~/Scripts/Custom.js"></script>
</body>
</html>
When I assign the class "k-input" it doesnt change styles like it does in the tutorial.  I checked to make sure the stylesheet is being sent to the browser.
Colin
Top achievements
Rank 1
 asked on 08 Sep 2013
7 answers
457 views
HELLO I HAVE APPLICATION MOBILE IN RAZOR ASP.NET

I HAVE HOMECONTROLLER WITH THIS ACTION

PUBLIC ACTIONRESULT HELLO()
{
RETURN VIEW()
}

I WANT TO CALL IT  IN BUTTON CLICK
HOW CAN I DO????????
<script>
FUNCTIONCLICK (e)
{
     //CALL home, hello???????????????????????????????????????????????
}
</script>

THANK YOU
E
Top achievements
Rank 1
 answered on 06 Sep 2013
2 answers
262 views
What I am trying to do is have a tooltip (floating to the right of input) that has content that can change while it is open. I have this working for the most part by calling refresh on the tooltip. The problem occurs when the text I am replacing was larger and had a larger text bubble with a callout at the center. When the text gets refreshed to something smaller, the bubble shrinks appropriately, but the location of the tooltip does not change, leaving the callout hanging far below the tooltip text bubble.

I have tried to fix this by hiding and then showing the target tooltip but that fails to open the tooltip.

Any ideas how i would solve this issue?
Paul
Top achievements
Rank 1
 answered on 06 Sep 2013
2 answers
174 views
Per the Kendo TreeView documentation for the navigate event: "Triggered when the user moves the focus on another node"

There are two ways to change focus: one by using the keyboard, and another by right clicking.  The event *does* fire for the keyboard navigation, but not if you change focus by right clicking.

This can be demonstrated pretty easily by using the Kendo TreeView "events" demo.
http://demos.kendoui.com/web/treeview/events.html
Alex Gyoshev
Telerik team
 answered on 06 Sep 2013
1 answer
105 views
Hi,

When I open a popver, I am able to drag the view underneath up and down on a IPad using phonegap. I cant repro this in the browser.
The view is not scrolling, rather the whole view including headers and footers can be shifted up and down showing black spaces. Also the popover half disappears while doing that. When I lift my finger everything is back to normal.

My apologies for the rambling explanation.

Any ideas?

Heinrich
Kiril Nikolov
Telerik team
 answered on 06 Sep 2013
1 answer
165 views
Hello,

I'm using Kendo UI MVC (the latest build as of 9/4/2013).
I have problems setting the XAxis lables to strings that represent dates in my database.
The Json that I feed to the chart has  MediaWeek as string date that is the XAxis label.
[
    {
        "Id": 1,
        "ClientCode": "JKLN",
        "ProductCode": "YYYY",
        "MediaWeek": "2012-12-31",
        "Spend": 3165,
        "Visits": 5704,
        "Orders": 422,
        "Revenue": 5774.29,
        "Cpv": 1.59,
        "Vpk": 717,
        "Mer": 0.92,
        "Conversion": 0.59
    },
....
]

The View looks like that:
        @(Html.Kendo().Chart<ContinuumData>()
              .Name("chart")
              .Legend(false)
              .HtmlAttributes(new {style = "height:235px;width:691px;"})
              .DataSource(ds => ds.Read(read => read.Action("Data_Read_Chart", "Continuum")))
              .Series(series => series.Bubble(
                  model => model.MediaWeek,
                  model => model.Revenue,
                  model => model.Mer,
                  model => model.ClientCode
                                    ))
              .XAxis(axis => axis
                                 .Date()
                                 .Labels(labels => labels
                                                        .Format("{0:MM/dd/yyyy}")))
              .YAxis(axis => axis
                                 .Numeric()
                                 .Labels(labels => labels
                                                       .Format("{0:N0}")
                                 )
                                 .Line(line => line
                                                   .Width(0)
                                 )
              )
              .Tooltip(tooltip => tooltip
                                      .Visible(true)
                                      .Format("{3}: {2:N0} MER")
                                      .Opacity(1)
              )
              .Theme("Moonlight")
              )

I also attached the screenshot of the chart with all bubbles clumped at 0 for the XAxis...

I could also change the type of the MediaWeek to DateTime if that helps....

If you guys could guide me I would be very grateful. 

Thanks,
-Arek
Hristo Germanov
Telerik team
 answered on 06 Sep 2013
15 answers
1.3K+ views
Hi. When looking at the basic example for the Scheduler (Scheduler basic usage), there is an example of how to apply a filter for the datasource. In my Scheduler, I'm binding the resources to a datasource, but when trying to apply the filter in javascript (like in the example for the main datasource filter), it is not working.
scheduler.resources.datasource.filter(filter);
Do anyone have an example for how to do this? Is it possible at all?
Alexander
Top achievements
Rank 1
 answered on 06 Sep 2013
1 answer
114 views
Hello,
I'm currently trying to develop a menu binding the data from the datasource.... I've folowed your example at http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/menu/overview

but I'm not able to load the children
@(Html.Kendo().Menu().Name("menu").BindTo(Model, mappings =>
    {
        mappings.For<IDEA20.DO.Common.MenuItem>(binding =>
            {
                binding.ItemDataBound((item, category) => //define mapping between menu item properties and the model properties
                            {
                                item.Text = category.Text;
                                 
                            }).Children(category => category.SubMenu);
            });
 
    })
     )
My MenuItem is of type

public class MenuItem
{
    public MenuItem()
    {
        SubMenu = new List<MenuItem>();
    }
 
    public string Text { get; set; }
    public string Controller { get; set; }           
    public string Action { get; set; }
    public bool Selected { get; set; }
 
    public List<MenuItem> SubMenu { get; private set; }
}
What am I doing wrong? It only shows the first, it puts the arrow for opening but won't open...

Thanks
Paolo

Georgi Krustev
Telerik team
 answered on 06 Sep 2013
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?