Questions on Kendo UI for jQuery Forum

1 answer

290 views

Databound ListView and data-style="inset"

Hello,

I'm trying Kendo UI mobile. I would like to have the inset style for a databound listview. I just added 'data-style="inset"' to your sample (http://demos.kendoui.com/beta/mobile/listview/databinding.html), but it doesn't seems to work.
How can I achieve this ?

Cordially,
Kakone.

ListView (Mobile)

answered on 20 Mar 2012

2 answers

139 views

Button in cell doesn't work

Hi,

I use at the moment the grid from Q1 Beta. I use the editing inline method for the grid and I would like use a button (passButton) in each row, after "edit cancel" cell. But I don't see a button, only "..."! When i click edit, I see a button.... It is a bug or...????

$("#grid").kendoGrid({

dataSource: dataSource,

navigatable: true,

pageable: true,

sortable: true,

height: 400,

filterable: false,

toolbar: [

{ name: "create", text: "<?php echo $this->translate("Add Account"); ?>" }

],

columns: [

{ field: "Company", width: "120px", title: "<?php echo $this->translate("Company"); ?>" },

{ field: "Name", width: "120px", title: "<?php echo $this->translate("Name"); ?>" },

{ field: "Email", width: "200px", title: "<?php echo $this->translate("Email"); ?>" },

{ field: "AccountID", width: "150px", title: "<?php echo $this->translate("Account ID"); ?>" },

{ field: "Active", width: "60px", title: "<?php echo $this->translate("Active"); ?>" },

{ field: "Date", width: "110px", title: "<?php echo $this->translate("Expired"); ?>", template: '#= kendo.toString(Date,"dd.MM.yyyy") #' },

{ command: [

{name: "edit"},

{name: "destroy"}

]

},

{ field: "PassButton", width: "60px", title: "<?php echo $this->translate("Send"); ?>", template: "<input type='button' class='k-button k-button-send' value='' onclick='myFunction(\"#=AccountID#\")'/>" }

],

editable: "inline"

});

Best regards
Damir

Grid

answered on 20 Mar 2012

0 answers

58 views

No trigger events

Grid

asked on 20 Mar 2012

2 answers

178 views

Accessing value of dropdownlist to send to mysql via php

Hello fellow Kendo's,

sorry to be n00by, probably it's very simple...
I am trying to read out a value of a dropdown-list to pass to a php file for mysql query...

Attached is the file, you can also see it live here:
http://www.trinamic.com/psearch/

Upon selecting a motor type, i can already coax out an alert, but how do i get the value in there?

I've tried a variety of stuff:
(motor.text());

and

var mdropdownlist = $("#motor").data("kendoDropDownList");
var text = mdropdownlist.text();

but to no avail...

Can anyone help? It would be much appreciated ; )

Kind regards from Germany, Ubbo

DropDownList

answered on 20 Mar 2012

1 answer

93 views

iPad - Selecting an option in a dropdown menu also selects things behind it

When a dropdown menu overlaps another control, selecting an option will also execute the click command of that control. This applies to the combobox and autocomplete as well.

To duplicate:

1. go to the dropdownlist demo
2. click on the "Cap Size" menu
3. select "M - 7 1/4" by putting your finger on the text
4. This will also click on the "customize" button

This is probably just part of dealing with touch devices, but I am wondering if you can give some suggestions for a work around. I was thinking maybe disabling other controls when the menu is open and then re-enabling them. I'm going to play around with it but just wanted to get any ideas Telerik support or the community might have.

DropDownList

answered on 19 Mar 2012

0 answers

98 views

Sorting problem

Hi,

i create this to get grid info from mysql database:

<div id="grid"></div>

<script>

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: {

transport: {

read: {

url: "page.php",

type: "post",

dataType: "json"

}

},

schema: {

data: "data",

total: "pageSize"

},

pageSize: 200,

serverPaging: true,

serverSorting: true

},

height: 450,

scrollable: true,

groupable: true,

sortable: true,

filterable: true,

pageable: true,

selectable: "multiple row",

columns: [

{

field: "sel",

template: "<input type=\'checkbox\' id=\'select\' name=\'sel\' value=#=ARTICLE_ID# />",

filterable: false,

sortable: false,

groupable: false,

width: 50

},

"CODE",

{

field: "CATEGORY_NAME",

title: "CATEGORY"

}

,

"ARTICLE_NAME",

{

field: "edit",

template: "<a class=\'link_page\' href=\'/gestionale/factory/article/edit/id/#=ARTICLE_ID#\'>Edit</a>",

filterable: false,

sortable: false,

groupable: false,

width: 50

},

]

});

</script>

my page.php

i do a query with an inner join

select a.NAME as ARTICLE_NAME,a.CODE,c.NAME as CATEGORY_NAME from T_ARTICLE as a inner join T_CATEGORY as c on a.CATEGORY_ID = c.ID

i do serverSorting because the table have more rows (300.000). When i click on TH CATEGORY_NAME the script run a ajax call to page.php and passes through POST the sort array with the FIELD CATEGORY_NAME, but the query is wrong because in ORDER clause i don't insert CATEGORY_NAME, i would insert c.NAME.
Is it possible to define the name of the fields that i will use in the sort and filter?

Thanks

Grid

asked on 19 Mar 2012

1 answer

35 views

With IE, a XML datasource with space values show 'undefined'

Hello,
I use a Grid with a XML datasource. When some elements in the xml are ' ' instead of strings, the corresponding cell shows 'undefined' with IE. The same site with Firefox shows the space character.
Is there a workaround in the grid definition or in the XML ?
Regards

Grid

answered on 19 Mar 2012

3 answers

222 views

Cannot bind ListView to web service.

I have been trying many ways to bind the listview to an ASP.Net .asmx web service. I have attached the code for both the consuming page and the web service.

I have tried many different ways to return the data from the web service and event tried to just return a string array. The listview works if you bind it to the static flatData var.

Any help or examples would be great!

R

Client side:

</

head>

<

body>

MobileXus Header

</div>

iOS MobileXus Footer

</div>

</ul>

</div>

var flatData = ["Sashimi salad", "Chirashi sushi", "Seaweed salad", "Edamame"];

function mobileListViewDataBindInitFlat() {

$(

"#listview").kendoMobileListView({ dataSource: flatData });

}

var deviceJDS = new kendo.data.DataSource({

transport: {

read: {

contentType:

"application/json; charset=utf-8",

type:

"POST",

data:

"{}",

dataType:

"json",

url:

"WebServices/TestService.asmx/GetList"

}

});

var app = new kendo.mobile.Application();

</script>

</form>

</

body>

</

html>

Web service:

///

///

Summary description for TestService

///

</summary>

[

WebService(Namespace = "http://tempuri.org/")]

[

WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.

[System.Web.Script.Services.

ScriptService]

public

class TestService : System.Web.Services.WebService {

public TestService () {

//Uncomment the following line if using designed components

//InitializeComponent();

}

[

WebMethod]

[

ScriptMethod(ResponseFormat = ResponseFormat.Json)]

public Array GetList() {

DeviceSvc.

Device dsvc = new DeviceSvc.Device();

DeviceSvc.

Device1[] devices = null;

ArrayList devlist = new ArrayList();

devices = dsvc.SelectAll();

foreach (DeviceSvc.Device1 d in devices)

{

devlist.Add(d.Name);

}

string[] data = { "Rod", "Karen", "Jamie", "Christopher" };

return data;

}

ListView (Mobile)

answered on 19 Mar 2012

6 answers

951 views

Problem when filtering with date..

I m having a kendo grid in my page. I need to search the data from the controller using external search. So i set the serverFiltering of datasource to true for that. Its working wonderfully. But I need to enable Grid filtering also. So I set the filterable to true. Here comes the problem the grid's bult in grid filtering functionality is not working when I set the server filtering to true. Its always post to the controller. When I set the server filtering to false its working. Here's my datasource

ds= new kendo.data.DataSource({
                transport: {
                    read: {
                        url: 'method',
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8"
                    },
                    parameterMap: function (options) {                    
                        return JSON.stringify({ filter: options });
                    }
                },
                schema: {
                    model: {
                        fields: {
                            Id: { type: "number" },
                            Name: { type: "string" },
                            Age: { type: "number" },
                            BeginDate: { type: "date" },
                            EndDate: { type: "date" },
                            Mode: { type: "string" }
                        }
                    }
                }
            });

Also when I set the serverfiltering to false. Its working fine. But for both the date fields its throwing format error when filter by dates.
In my grid's row template I am showing the date by format it by.

 <td># if(EndDate!=null){# #= kendo.toString(toDate(EndDate), "MM/dd/yyyy")#  #} else {# ${EndDate}#}#</td>

Can anyone figure this out???

Grid

answered on 19 Mar 2012

1 answer

160 views

Where to find localization resources?

Hi,

I downloaded from my premium telerik account, the kendoUI library.

But I can't find localization resources in the download or anywhere else?

Where is it?

Something like kendo.culture.fr-FR.js ?

Thank you!

Globalization

answered on 19 Mar 2012