Telerik Forums
Kendo UI for jQuery Forum
4 answers
338 views
Hi,

With the uncertainty over sliverlight, I am focusing on html 5. However, html 5 does not seem to be able to fill the void of a server-side tech like silverlight (or so I think!).

Specifcally, with kendo UI, can I stream data to charts in a real time fashion with C#? I think I saw a thread about providing data from C# to Kendo UI?

Also, I would love to see the product be = to Kendo UI in terms of features and controls (E.g. the book control).



Thanks
1zias01
Top achievements
Rank 2
 answered on 21 Feb 2012
6 answers
281 views
Hi, this is really pretty cool, but I've stumbled into a problem, and I don't know if this is a KendoUI issue that I'm not fully comprehending or and HTML5 issue.

My mobile app is presently setup to have a home page that has a listview of links to various parts of the application.  One such action is to Add a new item.

-- Home Page - (MVC Action) Home/Index
-- Add Item - (MVC Action) Home/Add

I have a NavBar div in the Add Item view with an "a" tag that links back to the home page but it never gets there.  When I hover over the Home link it shows the correct link: http://localhost:[myport]/, but it goes to: http://localhost:[myport]/Home/Add/#/Home/Index.

This is the HTML for the link on the Add Item view that should go back to the Home page:

<div data-role="navbar">
    <span data-role="view-title"></span>
    <a data-align="right"
        data-role="button"
        class="nav-button"
        href="@Url.Action("Index", "Home")">Home</a>
</div>

Is it a better practice to use KendoUI with an HTML site that communicates with a web service instead?  I just don't know if there's some sort of issue with using MVC.  It's probably the other option, which is my incompetence.  ;^)

Any help is appreciated.

Thanks,

King Wilder
King Wilder
Top achievements
Rank 2
 answered on 20 Feb 2012
2 answers
228 views
So if I have an OpenAccess Domain Model built and working how can I connect a Kendo Datasource to it? Can someone provide a code example of this? Thank you!
Burke
Top achievements
Rank 1
 answered on 20 Feb 2012
10 answers
1.7K+ views
I have the grid below. It all runs and displays 5 rows.

<script>
$(function() {
    $("#grid").kendoGrid({
    dataSource: {
        type: "json",
        serverPaging: true,
        serverSorting: true,
        pageSize: 5,
        transport:     { read: { url: "ajax.php", dataType: "json" } },
        schema:     { data: "data" },
    },
    height: 250,
  pageable: true,
    scrollable: { virtual: true },
    selectable: "multiple row",
    columns:[{field: "post_code",title: "Post Code"},{field: "address_street",title: "Address"},{field: "driver",title: "Driver Name"}]
    });
});
</script>

The json response is as below. I validated and seem to be sound.

{
    "pageSize": 100,
    "data": [
        {
            "account": "Account 1",
            "address_street": "Address Line 1",
            "post_code": "Post Code 1",
            "driver": "Driver 1"
        },
        {
            "account": "Acount 2",
            "address_street": "Address Line 2",
            "post_code": "Post Code2",
            "driver": "Driver 2"
        },
        plus 98 other.............
    ]
}

and the GET request is as below.
ajax.php?take=5&skip=0&page=1&pageSize=5.

The problem I am having problems in getting this up and running. If someone could answer the question below it would be greatly appreciated.

Question 1 - Why won't my paginate buttons show? All my CSS and JS files are linked and downloaded examples work perfectly, but still can't paginate or scroll.
Question 2 - You can see I have transport and scheme in my dataSource. If this the proper method?
Question 3 - Is my JSON response formatted correctly? Are their any further parameters which would be required to make pagination work correctly?

If some could get back to me, it would be a massive help.

Thanks in advance,
Abdul.
Maxim
Top achievements
Rank 1
 answered on 20 Feb 2012
4 answers
268 views

Given then below sample grid, that is loaded using a webservice, how do I refresh the data on an event?

as you can see I have a function called refreshGrid().  It gets an instance of the grid successfully.  I know this because the cancelChanges() call works.  But when the refresh() is run nothing happens.  I'd like the grid to re-call the webservice and reload itself.

Thank you in advance.


function refreshGrid()
{
    // get a reference to the grid widget
    var grid = $("#grid").data("kendoGrid");
    // refreshes the grid
    grid.cancelChanges();
    grid.refresh();
}
 
 
function SetWindow(val)
{
    $("#window").kendoWindow({
        title: "Async Window Content",
        content: "popup.aspx?id=" + val,
        visible: false,
        close: refreshGrid
    });
}
 
 
 
$(document).ready(function () {
 
    $('#target').click(function () {
        SetWindow(34);
        var window = $("#window").data("kendoWindow");
        window.center();
        window.open();
    });
 
 
    $("#grid").kendoGrid({
         
        columns: [
                { title: "Action", command: "destroy" },
                { field: "ID", visible: false },
                { title: "Status", template: "<A href=;pop.aspx?id=${ ID }'>${ JobRate }</a>" },
                { field: "Name" },
                { field: "JobRate", title: "Job Rate" },
                { field: "Notes" }
            ],
        editable: true, // enable editing
        toolbar: ["create", "save", "cancel"], // specify toolbar commands
        dataSource: {
            schema: {
                data: "d", // ASMX services return JSON in the following format { "d": <result> }. Specify how to get the result.
                model: { // define the model of the data source. Required for validation and property types.
                    id: "ID",
                    fields: {
                        ID: { editable: false, nullable: true },
                        Name: { validation: { required: true} },
                        JobRate: { validation: { required: true }, type: "number" },
                        Notes: { validation: { required: true} }
                    }
                }
 
            },
            batch: true, // enable batch editing - changes will be saved when the user clicks the "Save changes" button
            transport: {
               },
                read: {
                    url: "JobsWebService.asmx/GetAllJobs", //specify the URL which data should return the records. This is the Read method of the Products.asmx service.
                    contentType: "application/json; charset=utf-8", // tells the web service to serialize JSON
                    type: "POST" //use HTTP POST request as the default GET is not allowed for ASMX
                },
                parameterMap: function (data, operation) {
                    if (operation != "read") {
                        // web service method parameters need to be send as JSON. The Create, Update and Destroy methods have a "products" parameter.
                        return JSON.stringify({ products: data.models })
                    }
                }
            }
        }
    });
Jeremy
Top achievements
Rank 1
 answered on 20 Feb 2012
2 answers
455 views
hi,I just write like the example, my servlet have receive the upload file and wirte to the disk successfuly.but after i upload the file,it says unexpected server response.here is my script and html code:
<script type="text/javascript">
function onSuccess(e) {
var window = $("#message").data("kendoWindow");
window.center();
window.open();
window.content(e.response);
}
$(document).ready(function() {
$("#message").kendoWindow({
visible : false,
width : "400px",
height : "200px",
draggable : false
});
$("#headImg").kendoUpload({
multiple : false,
async : {
saveUrl:"${pageContext.request.contextPath}/doUpLoadHeadImg",
saveField:"headImg",
success : onSuccess
}
});
});
</script>
<input type="file" id="headImg" name="headImg" />
T. Tsonev
Telerik team
 answered on 20 Feb 2012
1 answer
118 views
Is it possible make dynamically loaded listitems clickable?
Petyo
Telerik team
 answered on 20 Feb 2012
3 answers
283 views
Is the slideDown effect supported for the autocomplete. I cannot get any combination to work for a slide opening effect?
Only fadeIn seems to work.
Kamen Bundev
Telerik team
 answered on 20 Feb 2012
2 answers
178 views
I followed closely the online example, while both main and sub queries work perfect. The sub template folds out properly but for whatever reason it does NOT show any data, just the header lines. There are no errors in the console, also removing all extra datasource options including the filter does not help. I am a bit lost here and do not know how to debug it.
underscore
Top achievements
Rank 1
 answered on 20 Feb 2012
2 answers
169 views
When the page renders on an iPhone or iPad it initally loads without any stylesheets applied for a brief moment, then it redraws with the stylesheets.  Can someone tell me how I can prevent that initial load without the stylesheets applied?

thanks!
Richard
Top achievements
Rank 2
 answered on 20 Feb 2012
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
Drag and Drop
Application
Map
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
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?