Questions on Kendo UI for jQuery Forum

0 answers

135 views

How do i connect to a webservices using kendo

I have created my web service method as

       [WebMethod(Description = "Returns the Enrolled members.")]
       [ScriptMethod(ResponseFormat = ResponseFormat.Json)]

        public string LoadData()
        {
            HealthmanagementDataContext db = new HealthmanagementDataContext();
            var linq = from s in db.Edmund_Reporting_Counter()
                       select s;
            string jsonStr = JsonConvert.SerializeObject(linq);

            return jsonStr;
        }
The problem is when i try to get the result from the web service on client side as
$("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "default",

                        dataSource: {
                            transport: {
                                read: {

                                    url: "http://localhost:2316/Service1.asmx/LoadData",   // the problem
                                    dataType: "json"

                                }
                            }

                        },
I can't get back the data coming from the web service.
Thanks,

Data Source

asked on 19 Jan 2012

0 answers

125 views

Command in grid columns

Hi ,

What is 'command' in the columns field? Is the "destroy" only command available?

I looked at example here http://jsfiddle.net/rusev/vHTj6/ . It explained how to change text of command button.

Is there any way I can call my own function on command?

Thank you.

-Edit : Found some explanation in source. And there is no direct way to call a custom function from command.

Grid

asked on 19 Jan 2012

3 answers

242 views

Tabstrip AJAX Jump

Hi,

When running the tabstrip in AJAX load mode, the tabstrip headers ""jump" to the right a little bit, then back to the left the first time I click on a tab. This doesn't appear to happen when I run the site locally, only when hosted remotely...so I think it must be some sort of latency issue downloading and rendering the AJAX content.

Once the tab page has been loaded the first time, switching to another tab and back doesn't cause the "jump" anymore...so I'm assuming it has something to do with the updating of the DOM the first time the tab page is rendered.

I have a mix of AJAX and non-AJAX tabs, and the issue only presents for the tabs with AJAX content (the Order tab below works fine)...so I'm pretty sure that's the culprit.

Presents in both Chrome and IE.

I've tried removing all classes and non-Kendo css from the page, but the issue persists.

Any idea what could be the issue here or how to investigate further?

<!DOCTYPE html>

<html>

<head>

<title>Hello</title>

<link href="kendo.common.min.css" type="text/css" rel="stylesheet">

<link href="kendo.min.css" type="text/css" rel="stylesheet">

<script src="jquery.min.js" type="text/javascript"></script>

<script src="kendo.all.min.js" type="text/javascript"></script>

</head>

<body>

<div id="mainWrapper">

<div id="main">

<div id="header">

<div class="float center">

<h2>Hello</h2>

</div>

<div id="body" style="width: 800px;" class="float center">

<div id="tabContainer" class="k-content">

<div id="tabStrip">

<ul>

<li class="k-state-active" id="Home">Home</li>

<li id="People">People</li>

<li id="Office">In The Office</li>

<li id="Questions">Questions</li>

<li id="Technology">Technology</li>

<li id="Facts">Facts</li>

<li id="Contact">Contact Us</li>

<li id="Order">Order</li>

</ul>

<div></div>

<div>

<iframe onload="$('#orderFrame').height(800).width(750);" id="orderFrame" src='https://www.google.com'></iframe>

</div>

<script type="text/javascript">

$(document).ready(function() {

tabStrip = $("#tabStrip").kendoTabStrip({

contentUrls: [

'Home.html',

'People.html',

'Office.html',

'Questions.html',

'Technology.html',

'Facts.html',

'Contact.html',

null

],

animation: { open: { effects: 'fadeIn' } }

});

</script>

</body>

</html>

Thanks.

TabStrip

answered on 19 Jan 2012

2 answers

140 views

Using autocomplete with our local oData service

I trying to get autocomplete working with an ODS data service we developed locally. I have the Netflix example working fine, but when I plug in my odata service instead it doesn't work.

I've attached the data that my service returns. As far as I can tell the format is the same as the Netflix sample. The DataServiceProtocolVersion is being set to V2.

Here is my js code:

$("#input").kendoAutoComplete({
minLength: 3,
dataTextField: "STRATEGY_NM",
dataSource: {
type: "odata",
serverFiltering: true,
serverPaging: true,
pageSize: 20,
transport: {
read: "http://localhost:53673/MyoData.svc/STRATEGIES"
}
}
});

AutoComplete

answered on 19 Jan 2012

0 answers

118 views

Binding dropdown uisng sql database

Hi,
Can u provide sample application to bind dropdown uisng sqlserver.

Regards
Reddy

DropDownList

asked on 19 Jan 2012

1 answer

131 views

Javascript in loaded content

Hi

I have a tabstrip, and load the tabs with ajax by means of the contentUrls setting.
One of those tabs is pretty much (for now) just a single div (that will later become a grid) and the javascript to load it. For reference, here's what's being loaded:

<div id="contactsList">

</div>

<script src="@Url.Content("~/Scripts/Contact.List.js")" type="text/javascript">

</script>

I see that the script is being downloaded but it does not execute. Is there something else that I need to do to make this work? Can this be done at all?

Thanks a lot.

TabStrip

answered on 19 Jan 2012

7 answers

517 views

Save on cell changed

Hi!
I want to edit several grid cell's, but i want to save in the remote database that change, when the edited cell lose it's focus.

Anyone has already faced the same problem?

Grid

answered on 18 Jan 2012

7 answers

311 views

JSON format and the grid

Hi,

My svc request returns:

{"GetRolesResult":{"Roles":{"RowKey":"bf7198e099db4f3eaf62d9f1acd97b69","copy_":false,"delete_":false,"move_":false,"name":"nyrolle","publish_":false,"read_":false,"rename_":false,"write_":false},{"RowKey":"dcbaa08781064d7384558b4049ab6ec9","copy_":false,"delete_":false,"move_":false,"name":"tjekket","publish_":false,"read_":false,"rename_":false,"write_":false},{"RowKey":"fc9be01218c84f219fb72c204bb8ad6a","copy_":false,"delete_":false,"move_":false,"name":"suppe","publish_":false,"read_":false,"rename_":false,"write_":false}]}}

I have tried, inside the schema section, to set:

data: 'GetRolesResult.Roles',

But the grid does still not show any rows at all.

How do I tell the grid where to look for data, inside, the json response?

Grid

answered on 18 Jan 2012

3 answers

238 views

Difficulty loading a data var from external .js file

Hi!

I need to separate the datasource for my grid in a separate user updatable data file, called "datasource.js".

I have placed the call to the src in the head and it fails totally in Komodo Edit. When I place the src call in the body, it works in Komodo, but not in the browsers (Opera and Chrome).

The data file looks like this:
var data = [{"picture": "EnviroPopulation99.png","TaxiName": "Andrew's Taxis","TaxiPhone": "01239 289617"},
{"picture": "Island Biogeography 99.png","TaxiName": "AllStar Taxis","TaxiPhone": "01249 241521"},
{"picture": "MarkandRecapture99.png","TaxiName": "TaxiCars","TaxiPhone": "01249 275141"},
{"picture": "Population Viability Analysis99.png","TaxiName": "01TaxiCabs", "TaxiPhone": "01249 275987"}];
var testdata = "Hello data!";

The code html file has the standard grid code calling data: data;

The test variable at the bottom of the file works fine.

Is there any reason why a data variable called from an external .js file using <script> would fail, please?

All the best,

Andrew.

Data Source

answered on 18 Jan 2012

2 answers

143 views

DropDownList does not post empty value

If I instantiate a DropDownList (or a ComboBox, for that matter) based on a select tag where one of the options is selected, then select an option without a value, as shown in this jsFiddle, the select element's value does not change. The net effect is that when the form is submitted, the browser does not post the empty value.

DropDownList

answered on 18 Jan 2012