Questions on Kendo UI for jQuery Forum

0 answers

142 views

Hi friends,

I have created a tabstrip having five tabs with last tab with + symbol.
when i am clicking the + tab i have to create a new pop up window with details like input : tabname and ok button.
And when i enter in the input box the entered text has to be the name of new tab.Can i do this using kendo ui

If possible please give me a example

Thanking you

TabStrip

asked on 24 May 2012

6 answers

450 views

kendo UI mobile and phonegap

Hi All,

What i have understood after going through some of the documents on Kendo UI in web is we need to use phonegap to get use of the native features of any operating system.However,i can not understand how Kendo mobile is helping us in deploying phonegap.

General Discussions

answered on 24 May 2012

2 answers

154 views

Using the DataSource to read a single packet, non-array JSON data

I have a URL link to a single packet non-array JSONP data. I am having trouble configuring the Kendo DataSource to read it correctly. I know it has something to do with the schema, but I am not finding a lot of documentation on the configuration parameters. My JSON data looks like this:

{"results":{"data1":0.928287,"data2":0.966691,"data3":0.897367,"adataA":0.329710,"adataB":0.818630,"adataC":0.667666,"adataIA":0.983468,"adataIB":0.726931,"adataIC":0.848747,"active":0.616980,"active1":0.616980,"factor":0.553658,"efficiency":1.454451,"system":true,"alarm":true,"connect":false,"state":21.815668,"online":true},"timeoday":"5/4/20127:50 AM"}

I have verified that the JSON data is valid using JSONLint. I have created a simple test HTML file to read this data from the service which looks like this:

<!DOCTYPE html>
<html>
<head>
<title>datasource test</title>
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.data.min.js"></script>
<script src="../../../js/kendo.dataviz.min.js"></script>

</head>
<body>
<div id="example">
<script>
var dataSource = new kendo.data.DataSource({
transport: {
read: {
//url: "http://search.twitter.com/search.json?q=HTML5",
url: "http://localhost:8080/APEI_Snap/APEI_Data_Snapshot/1",
dataType: "jsonp",
type: "GET"
}
},
schema: {
data: "results"
},
change: function() {
var view = this.view();
alert(kendo.stringify(view[0])); //I know view[0] is wrong since I don't have an array....
}
});
dataSource.read();
</script>
</div>
</body>
</html>

I need to be able to pulls out the individual data points, which I will eventually bind to the dataviz objects. Can someone help me figure out how to setup the datasource? Thanks for any help you can provide.

Mark

Data Source

answered on 24 May 2012

1 answer

150 views

how to bind data with combobox

I waste a lot my time on internet just to find a tutorial bind data php with combobox, I don't know why have just a few of tutorials combobox and can't did something I want.

Someone help me please, the combobox not show any data, this is my code. Thank you for reading my topic

var pCate=new kendo.data.DataSource({

transport:{

read:{

url:"../data/product_cate.php",

dataType:'json'

}

});

 $("#cbProductCate").kendoComboBox({

                      index:-1,

                      dataTextField: 'name',

                      dataValueField: "id",

                      dataSource:pCate

                      

                  });

ComboBox

answered on 24 May 2012

0 answers

348 views

Auto-complete event when empty

It would be nice if there was a way to have Auto-complete fire when the text box is cleared. I found the following example which shows clearing the filter using a button but it would be cleaner if once the textbox was empty if auto-complete cleared the filter.

http://jsfiddle.net/krustev/5f3x4/4/

Thanks,
Shane

AutoComplete

asked on 23 May 2012

2 answers

249 views

Custom Drop Down

Is there an easy way to add a custom drop down to the editor tool menu?

Thanks!

EDIT - To be more clear, I want to add a new combobox to the menu in the same style as the defaults.

Editor

answered on 23 May 2012

0 answers

206 views

Insert a row with data into grid

Hi,

I have already created a new kendo.data.dataSource with success, and I am able to bind it to the KendoUI Grid on my page.

But when I try to dataSource.insert(0, [a : "b"]); it removes the data that was there previously.

My example code follows:

var tempSource = new kendo.data.DataSource({

data: [{"ID":1,"Name":"Cliente 1","NameID":"1 - Cliente 1"},{"ID":2,"Name":"Cliente 2","NameID":"2 - Cliente 2"}]

});

This is how I'm binding to the grid:

$("#association-grid").kendoGrid(

{

height: 99,

columns:

[

{

field: "ID",

title: "ID"

},

{

field: "Name",

title: "Name"

},

{

field: "NameID",

title: "NameID"

}

],

dataSource: tempSource

});

This is how I add a new item:

tempSource.insert(0, { ID: "John Smith", Name: "Product Description", NameID: "123 1st Street" });

If I perform the add before binding the data to the Grid, I lose the first two items that were originally on the dataSource object.

In summary:
I have a pre-created dataSource binded to a Grid. I want to be able to add a new item to the dataSource, and then refresh the Grid so that the new item appears.

Thanks,

LCG

Grid

asked on 23 May 2012

3 answers

118 views

[Solved] Aggregates and filters being sent to server when they shouldn't

I have a grid using a data source with serverAggregates and serverFiltering set to false. The first time the remote data endpoint is queried, everything is fine. However, after the data comes back, I manually set some aggregates. Then, on a subsequent call to dataSource.read(), all of the aggregates are sent to the server in the query string. I'm not sure what to do, but this seems like a bug and is causing me problems in that I actually reach the query string length limit.

A sample url looks like this, decoded:

http://localhost:57135/ReportData?filter[logic]=and&filter[filters][0][field]=IsContractor&filter[filters][0][operator]=eq&filter[filters][0][value]=false&aggregate[0][field]=May_01&aggregate[0][aggregate]=sum&aggregate[1][field]=May_02&aggregate[1][aggregate]=sum&aggregate[2][field]=May_03&aggregate[2][aggregate]=sum&aggregate[3][field]=May_04&aggregate[3][aggregate]=sum&aggregate[4][field]=May_05&aggregate[4][aggregate]=sum&aggregate[5][field]=May_06&aggregate[5][aggregate]=sum&aggregate[6][field]=May_07&aggregate[6][aggregate]=sum&aggregate[7][field]=May_08&aggregate[7][aggregate]=sum&aggregate[8][field]=May_09&aggregate[8][aggregate]=sum&aggregate[9][field]=May_10&aggregate[9][aggregate]=sum&aggregate[10][field]=May_11&aggregate[10][aggregate]=sum&aggregate[11][field]=May_12&aggregate[11][aggregate]=sum&aggregate[12][field]=May_13&aggregate[12][aggregate]=sum&aggregate[13][field]=May_14&aggregate[13][aggregate]=sum&aggregate[14][field]=May_15&aggregate[14][aggregate]=sum&aggregate[15][field]=May_16&aggregate[15][aggregate]=sum&aggregate[16][field]=May_17&aggregate[16][aggregate]=sum&aggregate[17][field]=May_18&aggregate[17][aggregate]=sum&aggregate[18][field]=Total&aggregate[18][aggregate]=sum&aggregate[19][field]=Difference&aggregate[19][aggregate]=sum

The columns listed are in my data source's aggregates, but they shouldn't be sent to the server.

Data Source

answered on 23 May 2012

5 answers

571 views

How to update a model in an existing data source?

How do I update a piece of data in an existing dataset? The following is the code I have for updating and adding to an existing dataset, the add works correctly, but how do I make the update work?

function AddEntityToDataSource(entityset, entity) {

var ds = GetDataSource(entityset);

ds.add(entity);

}

function UpdateEntityToDataSource(entityset, entity) {

var ds = GetDataSource(entityset);

entity = ds.get(entity.id);

}

Data Source

answered on 23 May 2012

2 answers

100 views

Calendar widget binding isn't funky

It's a list of items, the calendar is bound to a date value on the "SelectedItem"

So when selected item changes I want to show the value in the calendar.

However what's happening is that the calendar just keeps animating (rather choppy) back to may 2012 over and over with no selected dates.

This is the date value I'm binding to "2013-04-01T00:00:00"

Here's the markup

<li>Starts: <span data-role="calendar" data-bind="value: selectedBlock.data.StartDate"></span></li>

ideally i'd like no animation, and just want to visualize the dates

MVVM

answered on 23 May 2012