Questions on Kendo UI for jQuery Forum

0 answers

108 views

Best practice for building website/mobile site combo?

What is the general consensus for using KendoUI to build a Web application and a Mobile version of that application?

Are two completely different applications necessary, each with their own framework, or can they be combined into a single application?

What's the best way of doing this?

Thanks,

King Wilder

General Discussions

asked on 28 Jun 2012

7 answers

776 views

How to remove records without calling dataSource.sync?

Hello,

Can someone tell me is it possible to have a ListView with batch edit?
I need to delete rows but with no changes on server until user clicks "Apply".

As I can see method "remove" in the listview calls dataSource.sync() and sync makes a server call.

I have a code like this:

listView = $(options.listview).kendoListView({

editable: true,

dataSource: dataSource,

template: kendo.template($(options.template).html()),

editTemplate: kendo.template($(options.edittemplate).html())

}).delegate(".k-delete", "click", function (e) {

listView.remove($(this).closest(".listViewItem"));

e.preventDefault();

}).data("kendoListView");

In the DataSource I have "batch: true".

Is it possible to call "remove" method without immediate calling dataSource sync?
Thank you.

Vladimir

ListView

answered on 27 Jun 2012

2 answers

388 views

Prevent default navigation when making ajax call

The initial view of our application displays a login page. The user is required to login. We validate the login in javascript making an ajax call to the server.

Our login button looks like this:

<a href="#main" data-role="button" data-click="loginClick">Login</a>

If login succeeds the app should navigate to #main. If not, stay on the login view.

In our loginClick processing, we make an ajax call. If the login is not valid, we call e.preventDefault(); (which does not work)

The problem is that the ajax call is asynchronous (of course) and the view has already changed to #main even if the login failed.

How can we best implement the login failed logic?

General Discussions

answered on 27 Jun 2012

0 answers

166 views

Data source changes

Ok, so here is what I'm trying to do, I have 2 dropdowns, one for countries, the other for cities. They both pull their data from remote json data sources. The thing is that when you chose a country it has to filter out the cities only for that country. The only way I figured I could do this is by changing the data source of the city drop down once the value of the country drop down changes.

I wrote some code for that but it doesnt work, here's a snippet:

<li>

@Html.LabelFor(m => m.Country)

@(Html.Kendo().DropDownListFor(m => m.Country)

.DataTextField("Name")

.DataValueField("CountryID")

.DataSource(source =>

{

source.Read(read =>

{

read.Url("/WebUI/API/Countries/");

});

})

.Events(e => e.Change("CountryChange"))

)

</li>

<li>

@Html.LabelFor(m => m.City)

@(Html.Kendo().DropDownListFor(m => m.City)

.DataTextField("Name")

.DataValueField("CityID")

.DataSource(source =>

{

source.Read(read =>

{

read.Url("/WebUI/API/Cities");

});

})

)

</li>

<script type="text/javascript">

function CountryChange() {

$("#City").data("kendoDropDownList").dataSource = new kendo.data.DataSource({

transport: {

read: {

url:"/WebUI/API/Countries/3/Cities"}},

schema: {

data:"",

total:"",

errors:"Errors"}}

);

$("#City").data("kendoDropDownList").dataSource.read();

$("#City").data("kendoDropDownList").refresh();

alert($("#City").data("kendoDropDownList").dataSource.total());

}

</script>

So as you can see I assign the City drop down a new data source, for the testI don't actually dinamicly get the countryID from the country dropdown. Will implement that after I get something to work actually. After this event fires the dropdown doesnt respond to clicks anymore, and i put a alert at the end to show my a total of the items in the dataSource it just gives me a 0.

I tracked the network data via the debugger in my browser and I see that a call to /WebUI/API/Countries/3/Cities is being made when the event fires and it's succesfull and gets back the data it needs. I just don't get it what I'm doing wrong.

Thanks In advance!
Dennis P.

DropDownList

asked on 27 Jun 2012

1 answer

161 views

Page navigation on the top of the grid

Hello everybody,

is there a way to put the footer of the grid (the page navigation) on the tip of the grid

like:

PAGE NAVIGATION
--------
Drag here to Group
--------
Column Names
------
Content

??

Greetings
Stefan

Grid

answered on 27 Jun 2012

0 answers

102 views

Incorrect Rendering

Hi,

I am new html development as well as Kendo. I've written the below HTML and the input is not rendering properly. The input box is in a different place than the Autocomplete. What is the right way to do this with absolute positioning...OR is there some other recommended way to do this.

Thanks!

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>
</head>
<body>
    <div id="example" class="k-content">
        <input id="EDIT1" class="EDITCSS" /> <br />
        <select id="select" placeholder="Select size...">
               <option>X-Small</option>
               <option>Small</option>
               <option>Medium</option>
               <option>Large</option>
               <option>X-Large</option>
               <option>2X-Large</option>
           </select>
    </div>
    <style>
        .EDITCSS {
            position: absolute;
            left: 376px;
            top: 112px;
        }
    </style>
    <div>
        <script>
            $(document).ready(function() {
                $("#EDIT1").kendoAutoComplete(["Apples", "Oranges", "Grapes"]);
                $("#select").kendoComboBox();
            })
        </script>
    </div>
</body>
</html>

General Discussions

asked on 27 Jun 2012

0 answers

145 views

hiding/removing kendo editor

Is there any way to hide or remove the kendo editor?

Editor

asked on 27 Jun 2012

1 answer

142 views

Column "real time"

I need to update a column of the grid every 10 seconds, which is more recommended? Is there a timer KendoUI?

Grid

answered on 27 Jun 2012

1 answer

65 views

Charts not consistently rendering in IE8 64-bit

I have a KendoUI app running in a Windows Server 2003 environment and access only to IE 8. The DataViz charts (bar, line, pie) work in 32-bit but not consistently in 64-bit IE8. They show the text and the labeling, but no graphical representation of the data or background grid. If you scroll the mouse around the chart area, you can get the mouseover labels to display too.

The browser is being launched from a Windows Forms VB.NET (framework 4.0) 32-bit application via a browser navigate call, which opens the default browser:

Me.uiWebBrowser.Navigate(url, "_blank", Encoding.Default.GetBytes(postString), "Content-Type: application/x-www-form-urlencoded")

The reason for the x-www-form-urlencoded is to pass credentials via a form POST.

Here are the two scenarios for 64-bit where it does and does not work:
1) Run the navigate command as-is opens a new browser window (no other browser windows open) results in the charts not rendering graphics.
2) Open a browser window (64-bit) then running the navigate command results in successful rendering of the charts.

Any ideas?

Charts

answered on 27 Jun 2012

1 answer

213 views

Editor double spacing

When using the editor it seems to be double spacing everything after I hit enter. looking at the editors html it appears to be wraping each line in <p></p> tags. Looking at the demos I see the text is not double spaced. The only way I've found to avoid this behavior is to paste in the text. I've attached some images to show what I'm talking about.

Editor

answered on 27 Jun 2012