Telerik Forums
Kendo UI for jQuery Forum
1 answer
167 views
I think this should be simple, I just can't quite seem to get it.  I have a TabStrip which I want to embed a grid into one of the tabs.  The grid should load dynamically from AJAX.  I have both working independently, but when I try to put the Grid into the TabStrip, I get no content.  I can see in firebug there is never a request being made for the content.

01.@(Html.Kendo().TabStrip() _
02.    .Name("tabstrip") _
03.    .Items(Sub(tabstrip)
04.        tabstrip.Add().Text("Delivery Tickets") _
05.            .Selected(True) _
06.            .Content(Sub()
07.                Html.Kendo().Grid(Of DeliveryTicketDisplay) _
08.                    .Name("Grid") _
09.                    .Columns(Sub(c)
10.                        c.Bound(Function(x) x.DeliveryTicketID)
11.                        c.Bound(Function(x) x.TicketDate)
12.                        c.Bound(Function(x) x.CustomerID)
13.                        c.Bound(Function(x) x.Location)
14.                    End Sub) _
15.                .DataSource(Sub(dataSource)
16.                    dataSource _
17.                    .Ajax() _
18.                    .Read(Function(reader) reader.Action("List", "DeliveryTicket", New With {.CustomerID = Model.CustomerID}))
19.                End Sub)
20.            End Sub)
21.                                                   
22.        tabstrip.Add().Text("Contacts") _
23.            .LoadContentFrom("List", "Contact", New With {.CustomerID = Model.CustomerID})
24.    End Sub)
25.)
Daniel
Telerik team
 answered on 15 Jul 2013
1 answer
95 views
I have a grid and I added a custom button, I want that button to call a function in my controller and pass the selected value in my dropdownlist. I can get it to call the controller correctly but I can't get the additional data I need to be sent as well.
.ToolBar(commands => commands.Custom().HtmlAttributes(new { id = "SendEmailStatements" })
    .HtmlAttributes(new { @CLASS = "sendBtn" })
    .Text("Send")
    .Action("SendBuyerEmailStatements", "Home", new { DayendCycle = SelectedDayendCycle})
)
SelectedDayendCycle is a javascript function that will return the selected item from the dropdownlist but it isn't recognized.
I was hoping I could do the same thing I do in the grid.
.Read(read => read.Action("BuyerEmailStatementsGrid_Read", "Home").Data("SelectedDayendCycle")

Dimo
Telerik team
 answered on 15 Jul 2013
4 answers
110 views
hi 
after making my app work just fine in android , using icenium and kendo ui, i am having difficulties to do the same in apple devices.
basically i am  using kendo datasource to read data from web service and update it.
it is looks like it ignoring $.get functions without alerting. any ideas why? what do i miss?
i set already the <access origin="*"... tag in config .xml but it still doesn't work
regards
 maor
Maor
Top achievements
Rank 1
 answered on 15 Jul 2013
0 answers
105 views
Hi, i have the problem with Kendo Editor and IE10. I have a page with Editor. When i type the text and trying to make it bold or change size the IE10 throws the exception below and reopen itself. The same is occured if i have already the text in the Editor and just click in the body.
Anyone has the same issue?

Problem signature:
Problem Event Name: APPCRASH
Application Name: IEXPLORE.EXE
Application Version: 10.0.9200.16635
Application Timestamp: 51b7a921
Fault Module Name: MSHTML.dll
Fault Module Version: 10.0.9200.16635
Fault Module Timestamp: 51b7b287
Exception Code: c0000005
Exception Offset: 00b79f02
OS Version: 6.1.7601.2.1.0.272.7
Locale ID: 2057
Additional Information 1: 0a9e
Additional Information 2: 0a9e372d3b4ad19135b953a78882e789
Additional Information 3: 0a9e
Additional Information 4: 0a9e372d3b4ad19135b953a78882e789
Alex
Top achievements
Rank 1
 asked on 15 Jul 2013
2 answers
766 views
Hi,

How can I make the button shows the "loading.." when I click on a custom command button?

Thanks.
Jayesh Goyani
Top achievements
Rank 2
 answered on 15 Jul 2013
3 answers
81 views
Hi,
I have problem with template for grid.  When I get text from resources *.resx i recive "&#243;" in every place where is "ó" liter.
And because there is # i get invalid template. Can someone have this problem and know some solution?
Daniel
Telerik team
 answered on 15 Jul 2013
1 answer
254 views
My Kendo Grid is not displaying any of the data. I am trying to pull down JSON from a web method in an aspx page. I keep getting the never ending spinner. I am new to using these controls and am banging my head against my desk for a day now. 

    $('#grid').kendoGrid({
        columns: [
               {
                   field: "ClientName",
                   title: "ClientName"

               }],
        dataSource: {
            type: 'json',
            serverPaging: true,
            schema: {
                data: 'd'
            },
            transport: {
                read: function (options) {
                    $.ajax({
                        type: 'POST',
                        url: 'ServiceMonitoring.aspx/GetGridInformation',
                        dataType: 'json',
                        data: '',
                        contentType: 'application/json; charset=utf-8',
                        serverPaging: true,
                        success: function (msg) {
                            options.success(msg.d);
                        }
                    });
                }

            }
        },
        height: 200,
        pageSize: 10


    });
Alexander Valchev
Telerik team
 answered on 15 Jul 2013
9 answers
807 views
Hello.

I am trying to show loading popup when a user logs-in to the system. The popup shows up OK, but the circle animation does not show like the example does. How can I show it? My code is below:

$("#loginButton").click(function ()
{
.....
 kendoMobileApplication.showLoading(); //show loading popup
var url = "some url";
 $.post(url, { UserName: username, Password: password },
function (result)
{
kendoMobileApplication.hideLoading(); //hide loading popup
...
}
Regards.
Kiril Nikolov
Telerik team
 answered on 15 Jul 2013
2 answers
776 views
Hi,
I had a requirement that,in a grid I have  the Tool bar which contains two custom created buttons  (search,delete) .I need to disable the toolbar by default and need to enable when user clicked 'Edit' button and this Edit button is not a part of grid.
I am using  kendo ui web,Framework .
It would be a great help if you suggest me with sample codes in jsfiddle or jsbin.Thanks in Advance.
MyTemplate:
$("#UseGrid").kendoGrid(
{  
dataSource : DataSource,
editable : true, 
height : 260,                          //Need to disable this toolbar and enable it by clicking grid independent Edit button
toolbar:'<div id=\"toolbar\" class=\"toolbar\"><button class=\"k-button\" id=\"search1\" title=\"Search\" onclick=\"openSrch(this);\"/><button id=\"deleteButton\" class=\"k-button sg-button-icontext view-delete\" title=\"Delete\" onclick=\"deleteRow();\"/></div>',

columns : [
{
field : "select",
title : "Select",
width : "16%",
template: "<input type='checkbox' class='checkbox' />"
},
{
field : "name",
title : "Name",
width : "35%"
}] 
});


Regards,
Winds
Iliana Dyankova
Telerik team
 answered on 15 Jul 2013
1 answer
591 views
Hi,

I have a series of UI controls bound to a model using MVVM.  One of the controls is a dropdownlist which has it's data loaded from a remote datasource.   I also have a button besides the dropdown which launches a popuo window. The window allows a new item to be added to the database. 

After this new item is added I would like to force my DDL to rebind to the remote datasource and refresh it's data.

My layout is:

<div id="myDiv>
<div class="k-edit-label">
<label for="DESCRIPTION">Description</label>
</div>
<div data-container-for="DESCRIPTION" class="k-edit-field">
<input type="text" class="k-input k-textbox" name="DESCRIPTION" data-bind="value: DESCRIPTION">
</div>

<div class="k-edit-label">
<label for="GROUP_ID">Group</label>
</div>
<div data-container-for="GROUP_ID" required class="k-edit-field">
<select name="GROUP_ID"
id="GROUP_ID"
data-role="dropdownlist"
data-text-field="GROUP_NAME"
data-value-field="GROUP_ID"
data-source=loadGroup()
data-bind="value: GROUP_ID"
></select> 

<a id="newGroup" class="k-button" >New</a>
</div> 

LoadGroup() will call a web service and will return a list of records which are populated in the dropdownlist.
I make an ajax call to get the model data then bind it to the model like:
datasetMetaModel = kendo.observable({
datasetMeta: datasetModel
});

kendo.bind($("myDiv"), datasetMetaModel);

After the popup window is shown, the new record added and saved to the DB I do the following to try to rebind the dropdownlist

kendo.init($("#GROUP_ID"));
 var dropDownList = $('#GROUP_ID').data('kendoDropDownList');
 dropDownList.dataSource.read();
dropDownList.refresh();

The remote webservice is definitely being hit again and is returning the new data however the dropdown list is never updated.  I'm pretty sure I'm just missing a simple step but can't figure out what it is.
Petur Subev
Telerik team
 answered on 15 Jul 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?