Questions on Kendo UI for jQuery Forum

0 answers

178 views

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

179 views

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

128 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

168 views

hiding/removing kendo editor

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

Editor

asked on 27 Jun 2012

1 answer

165 views

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

77 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

248 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

2 answers

242 views

d.wrapper.on is not a function

I just upgraded my KendoUI CSS classes and javascript files from 2011.3.1129 to 2011.3.1407 and started getting this error.

I'm using ASP.NET MVC 3 and I updated my StyleSheetsRegistrar and ScriptRegistrar to reference the new folders. When I change them back to the 1129 version the errors go away.

Is anyone else getting these errors?

I'm getting them when I'm loading a view that has both a Kendo DropDownList and a Kendo TreeView on it.

Thanks,

King Wilder

General Discussions

answered on 27 Jun 2012

1 answer

443 views

How to set focus on required field for list view

hi,
I have a list view.Inside that i have different fields including text boxes and drop downs.when i select edit mode the focus going to the first field that is text box in my case.I want to set the focus in which ever field i click on,but not on first field by default.Is setting the focus on required field is possible for List view.
Please suggest me any sample or example on how to do this

Thanks

ListView

answered on 27 Jun 2012

2 answers

198 views

Using the oData $expand parameter

I am having a great time exploring the Keno UI Controls and framework. I am particularly interested in developing business apps. We have an existing oData Service which I would like to leverage. Can anyone tell me how I can use the $expand parameter to force oData to include a sub-entities in the result from a dataSource.

Thanks

Data Source

answered on 27 Jun 2012