Questions on Kendo UI for jQuery Forum

3 answers

536 views

Hello,

I have created a tab control. I'm trying to figure out how to select a tab from JavaScript. Currently, I'm trying the following and its not working.

<div id="myTabs">

<ul>

<li class="k-state-active">Tab 1</li>

<li>Tab 2</li>

<li>Tab 3</li>

</ul>

<div id="tab1">tab 1 content</div>

<div id="tab2">tab 2 content</div>

<div id="tab3"><input type="button" onclick="selectMyTab();" value="button" /></div>

</div>

<script type="text/javascript">

$().ready(function () {

$("#myTabs").kendoTabStrip({

animation: { open: { effects: ""} }

});

function selectMyTab() {

$("#myTabs").kendoTabStrip().select("#tab1");

}

</script>

What am I doing wrong?

TabStrip

answered on 19 Jan 2012

4 answers

172 views

serverPaging not working after filtering

I've got an issue on an internal application. I've bound a grid and a chart to a dataSource, and serverPaging works fine on it. When I apply a filter to the dataSource, the grid and chart both update to reflect the new data. The grid, however, loses the ability to page - only "1" is displayed.

Is this a bug, or am I implementing the filtering incorrectly?

Grid

answered on 19 Jan 2012

1 answer

126 views

I lose all my attributes when grid my existing table

Hi guys,

I'm using Kendo UI - Grid on existing table.
However since I Kendo -wrap it I lose all my attributes.
So I'm adding them dynamically using dataBound: property.
But since I'm also declaring it as sortable: , I'm losing them again when a sorting is done.
This is bad when it comes to bind data to an element and get it in the new order, because this data is lost.

Is there a way to set dafault map of attributes of a table and keep them no matter the changes?

Grid

answered on 19 Jan 2012

0 answers

157 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

147 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

258 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

183 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

125 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

150 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

543 views

[Solved] 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