Questions on Kendo UI for jQuery Forum

3 answers

238 views

Control data-bind inside a template rendered after bind

Hi,

Is it possible to render a template after the bind action?

I've created a sample jsFiddle here: http://jsfiddle.net/fnH58/1/

Thanks,
Ricardo

Templates

answered on 23 May 2012

0 answers

75 views

need help to insert kendo UI script in my app

<html>
<head>
<title>
form buttons
</title>
<script type="text/javascript">
function validateForm()
{
var x=document.forms["anpr"]["vehicle"].value;
if (x==null || x=="")
{
alert("vehicle no must be filled out");
return false;
}
}
</script>
<script src="D:\kendoui.complete.2012.1.322.trial\js\jquery.min.js"></script>
<script src="D:\kendoui.complete.2012.1.322.trial\js\kendo.mobile.min.js"></script>
<script src="D:\kendoui.complete.2012.1.322.trial\examples\content\shared\js\console.js"></script>
<link href="D:\kendoui.complete.2012.1.322.trial\styles\kendo.common.min.css" rel="stylesheet" />
<link href="D:\kendoui.complete.2012.1.322.trial\styles\kendo.mobile.all.min.css" rel="stylesheet" />
</head>

<body>
this is just a try to check the capabilities of input button.

<form name="anpr" action="test.php" onsubmit="return validateform()" metod="post">
vehicle no:<input type="text" name="vehicle" id="vehicle" />
<input type="submit" value="submit" />
</form>
<script>
window.kendoMobileApplication=new kendo.mobile.Application(document.body);
</script>
</body>
</html>
the above code is my html file..so can anyone please help me to get the usage of the Kendo UI file, i have downloaded..i am compleatly blank on this..

Thanks,
Swarup

General Discussions

asked on 23 May 2012

0 answers

123 views

custom popup editor.

I want to use custom popup editor the way it is being shown in this examples of your http://demos.kendoui.com/web/grid/editing-popup.html.
i want to have my own textboxes . can i do that?

Grid

asked on 23 May 2012

1 answer

294 views

TabStrip empty when loading Grid

Hello,

I tried out the example below

http://www.kendoui.com/forums/ui/tabstrip/tabstrip-is-blank-when-loading-grid-into-tab.aspx

i placed the grid is in the div container but I am still having layout problems. I added a screenshot. Seems that another element is overlayed on the tab. Do you have any ideas what the problem could be?

Below is the code causing me problems

<div id='bottomDiv'>

<div id="tabstrip">

<ul>

<li>Grid</li>

</ul>

<div>

<div id="ticketListDiv">

</div>

<div id='mapDiv'></div>

</div>

$("#ticketListDiv").kendoGrid({

dataSource : {

// JSONP is required for cross-domain AJAX

dataType: "jsonp",

transport: {

read: baseURL + "Data;jsessionid="+ jsessionId + "?browserid=" + browserId + "&type=2&tool=KendoUIResourceList"

},

schema: {

model: {

fields: {

firstName: { type: "string" },

lastName: { type: "string" }

}

},

pageSize: 10,

serverPaging: true,

serverFiltering: true,

serverSorting: true

},

toolbar: kendo.template($("#template").html()),

height: 250,

filterable: true,

sortable: true,

pageable: true,

groupable: true,

selectable: "single row",

filterable: {

messages: {

info: "Ticket Filter", // sets the text on top of the filter menu

filter: "ausführen", // sets the text for the "Filter" button

clear: "zurücksetzen", // sets the text for the "Clear" button

},

operators: {

//filter menu for "string" type columns

string: {

eq: "entspricht",

neq: "entspricht nicht",

startswith: "startet mit",

contains: "enthält",

endswith: "endet mit"

}

},

dataBound: resizeGrid,

columns : [{

field : "firstName",

title : "Vorname",

width : 50

}, {

field : "lastName",

title : "Nachname",

width : 50

}]

});

TabStrip

answered on 23 May 2012

2 answers

868 views

app.navigate() to remote view - no header/footer

Hi again,

I've run into a somewhat strange issue here, which may or may not be by design once again. And since I only have the minified javascript for now, I can't quite figure out why it does what it does.

For reasons relating to phonegap, cordova and some nasty bugs in android 4.0*, I've had to rewrite a lot of code from being nice and proper ( a-tags with href attributes linking to remote views with querystrings ) into storing the querystring variables into localStorage and relying on app.navigate to said remote views.

(* There's an unfortunate bug in the Chromium browser which leads to nice 'file not founds' if accessing files with querystrings when deployed through phone-gap, or through file:/// - URL )

My problem, however:
If I use a normal A tag with href="remote.html" - it inherits or picks up/duplicates header/footer if the data-id matches, which it does.
If I use app.navigate('remote.html') - it doesn't. (Neither if I use document.location = 'remote.html')

In what way does a normal a tag linkage differ from app.navigate? Is there a way to (preferably from one centralized place) enforce/check/reinforce the header/footer?

All my views, regardless of whether they are remote or local share this:
(div data-role="layout" data-id="mobile-view")
Header/footer exists only in index.html. Remote views are simply other instances of a div data-role="layout" data-id="mobile-view".

Manually reloading in browser on such a loaded remote view does redraw the header/footer, worth noting.

Is the easiest way to refrain from using app.navigate?
Are there any implications to using document.location = 'index.html#remote.html' instead? That seems to be the easiest workaround at least.

Application

answered on 23 May 2012

0 answers

126 views

can't get jsonp to DataSource

Here is calling code:

$(document).ready(function () {

var tipaiindeksai = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:11336/Mobile/GetTipaiIrIndeksai",

dataType: "jsonp",

jsonp: "d"

//cache: false,

//jsonpCallback: "callback"

}

},

schema: {

data: ""

}

});

var ats = tipaiindeksai.read();

and tipaiindeksai.read(); returns undefined.

The call looks like this:
http://localhost:11336/Mobile/GetTipaiIrIndeksai?d=jQuery1710758081869687885_1337762101342&_=1337762101615

And it returns:

HTTP/1.1 200 OK

Server: ASP.NET Development Server/10.0.0.0

Date: Wed, 23 May 2012 08:35:01 GMT

X-AspNet-Version: 4.0.30319

X-AspNetMvc-Version: 4.0

Cache-Control: private

Content-Type: application/json; charset=utf-8

Content-Length: 939

Connection: Close

jQuery1710758081869687885_1337762101342([{"ID":0,"pav":"asd","indeksas":141.8},{"ID":10,"pav":"asdasd","indeksas":101.7}])

So it returns something, but it seems that DataSource can't parse it correctly as its result is undefined.
Please help to make it work :)

Data Source

asked on 23 May 2012

3 answers

356 views

Popup editor issues

Hi,

I am using the grids popup edit mode and below are the issues that i am facing.

1) The popup title is "Edit" irrespective of whether i am adding a new record or editing. How do i change the title to "Create" when i am adding a new record.
2) I want one of the field to be disabled on edit but enabled while adding the record. If i set the fields editable flag to false, the field is disabled even while adding a record.

Regards,
Sarvesh

Grid

answered on 23 May 2012

3 answers

89 views

Illuminations

Hi!

Is there a download for he non-minimized version? Perhaps the GPL version?

I want to add support for KendoUI to Illuminations for Developers (http://www.illuminations-for-developers.com/), but need a better understanding of how things work internally, and would rather not un-minimize the code myself.

I may have a few more questions after I look through the code, so I'll try and keep that to just this thread, even if the subject matter varies from UI to Data, etc. Let me know if that is a bad idea.

Thanks in advance!

-steve--

General Discussions

answered on 23 May 2012

3 answers

106 views

Columns off when I use Grouping

When I turn grouping on, my columns get out of order. I don't want the column I am grouping on to show in my grid since I am using ID's that will mean nothing to the user. I am also using a script template.

I also don't want a title in the group header. I just want a blank line.

How do I achieve this? Getting columns to line up and removing the header text.



Code attached.

Grid

answered on 23 May 2012

1 answer

204 views

text box and kendo ui script

i have created an input box using html "form " tag and tried to give the kendo UI script inside this file.What i found is really surprising..
the inputbox disappeared and it showed loading and it is still there for along time.
what i added is
<script>
window.kendoMobileApplication=new kendo.mobile.Application(document.body)
</script>

i was trying this in the google chrome browser.

Thanks,
Swarup

NumericTextBox

answered on 23 May 2012